diff --git a/homepage/models.py b/homepage/models.py index adbe308..b53fadc 100755 --- a/homepage/models.py +++ b/homepage/models.py @@ -35,7 +35,7 @@ class Location (models.Model): def drawPic (input, output, font, x, y, text): img = Image.open(input) draw = ImageDraw.Draw(img) - draw.text((x,y), text, (255,255,255), font=font) + draw.text((x,y), text, font=font, fill=(255,255,255)) img.save(output) self.slug = slugify(self.name) @@ -50,10 +50,24 @@ class Location (models.Model): output = f'{settings.PROJECT_PATH}/media/heros/hero-{self.slug}.png' mobile_output = f'{settings.PROJECT_PATH}/media/heros/hero-{self.slug}-mobile.png' - font = ImageFont.truetype(settings.PROJECT_PATH + static("css/fonts/Shorelines-Script-Bold.otf"), 80) - drawPic (settings.PROJECT_PATH + static("css/res/hero.png"), output, font, 1050, 450, self.slug) - drawPic (settings.PROJECT_PATH + static("css/res/hero-mobile.png"), mobile_output, font, 420, 860, self.slug) + font = ImageFont.truetype(settings.PROJECT_PATH + static("css/fonts/Hanson-Bold.ttf"), 42) + drawPic(settings.PROJECT_PATH + static("css/res/hero.png"), output, font, 945, 140, self.slug.upper()) + drawPic(output, output, font, 945, 210, self.slug.upper()) + drawPic(output, output, font, 945, 270, self.slug.upper()) + drawPic(output, output, font, 625, 762, self.slug.upper()) + drawPic(output, output, font, 625, 825, self.slug.upper()) + drawPic(output, output, font, 625, 895, self.slug.upper()) + font = ImageFont.truetype(settings.PROJECT_PATH + static("css/fonts/Hanson-Bold.ttf"), 65) + drawPic(settings.PROJECT_PATH + static("css/res/hero-mobile.png"), mobile_output, font, 600, 290, self.slug.upper()) + drawPic(mobile_output, mobile_output, font, 600, 390, self.slug.upper()) + drawPic(mobile_output, mobile_output, font, 600, 490, self.slug.upper()) + drawPic(mobile_output, mobile_output, font, 100, 1370, self.slug.upper()) + drawPic(mobile_output, mobile_output, font, 100, 1470, self.slug.upper()) + drawPic(mobile_output, mobile_output, font, 100, 1570, self.slug.upper()) + mobile_img = Image.open(mobile_output) + mobile_img.resize((1920, 1080)) + mobile_img.save(mobile_output) output = f'{settings.PROJECT_PATH}/media/results/results-{self.slug}.png' mobile_output = f'{settings.PROJECT_PATH}/media/results/results-{self.slug}-mobile.png' diff --git a/static/css/res/hero-mobile-old.png b/static/css/res/hero-mobile-old.png new file mode 100644 index 0000000..3838451 Binary files /dev/null and b/static/css/res/hero-mobile-old.png differ diff --git a/static/css/res/hero-mobile.png b/static/css/res/hero-mobile.png index 3838451..8495d4f 100755 Binary files a/static/css/res/hero-mobile.png and b/static/css/res/hero-mobile.png differ diff --git a/static/css/res/hero-old.png b/static/css/res/hero-old.png new file mode 100644 index 0000000..d8e3fcb Binary files /dev/null and b/static/css/res/hero-old.png differ diff --git a/static/css/res/hero.png b/static/css/res/hero.png index d8e3fcb..7fb00b3 100755 Binary files a/static/css/res/hero.png and b/static/css/res/hero.png differ diff --git a/static/css/styles.css b/static/css/styles.css index 07e5078..2aeeaff 100644 --- a/static/css/styles.css +++ b/static/css/styles.css @@ -46,12 +46,11 @@ body::-webkit-scrollbar { cursor: pointer; width: 70px; margin: 0 auto; - margin-top: 70vh; height: 100px; } .arrow:after { content: ""; - margin-top: 70vh; + margin-top: 75vh; width: 70px; height: 100px; position: absolute; diff --git a/static/css/styles.scss b/static/css/styles.scss index 582668c..71f1e9c 100755 --- a/static/css/styles.scss +++ b/static/css/styles.scss @@ -101,13 +101,12 @@ body::-webkit-scrollbar { cursor: pointer; width: 70px; margin: 0 auto; - margin-top: 70vh; height: 100px; } .arrow:after { content: ""; - margin-top: 70vh; + margin-top: 75vh; width: 70px; height: 100px; position: absolute;