pagespeed improvements
This commit is contained in:
parent
5295e63a7b
commit
3f209f5cc1
|
@ -3,4 +3,5 @@ baseurl: "/emoji-every-day" # the subpath of your site, e.g. /blog
|
||||||
title: "Emoji Every Day" # the name of your site, e.g. ACME Corp.
|
title: "Emoji Every Day" # the name of your site, e.g. ACME Corp.
|
||||||
exclude:
|
exclude:
|
||||||
- vendor
|
- vendor
|
||||||
- test.py
|
- test.py
|
||||||
|
description: An Emoji Calendar for 2024, with an emoji picked for (almost) every day. Use this in your own apps to show a quirky date.
|
|
@ -1,8 +1,25 @@
|
||||||
---
|
$backgroundColor: #ffffff;
|
||||||
---
|
$bodyColor: #000000;
|
||||||
@import "base";
|
$bodyFont: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
|
||||||
|
|
||||||
|
body {
|
||||||
|
background: $backgroundColor;
|
||||||
|
color: $bodyColor;
|
||||||
|
font-family: $bodyFont;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
margin-top: 20px;
|
||||||
|
padding: 20px;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 0.8em;
|
||||||
|
color: #aaa;
|
||||||
|
a {
|
||||||
|
font-size: 1.5em;
|
||||||
|
}
|
||||||
|
}
|
||||||
$primary-color: #3498db;
|
$primary-color: #3498db;
|
||||||
$today-color: #e74c3c;
|
$today-color: #aa1e13;
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
color: $primary-color;
|
color: $primary-color;
|
||||||
|
@ -43,6 +60,7 @@ h1 {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
border: 1px solid #ddd;
|
border: 1px solid #ddd;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
font-size: 1.2em;
|
||||||
|
|
||||||
&.today {
|
&.today {
|
||||||
background-color: $today-color;
|
background-color: $today-color;
|
||||||
|
@ -51,7 +69,7 @@ h1 {
|
||||||
}
|
}
|
||||||
|
|
||||||
.emoji {
|
.emoji {
|
||||||
font-size: 1.2em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
|
@ -15,7 +15,7 @@
|
||||||
{% assign D_y = D|date:"%Y-%m-%d"%}
|
{% assign D_y = D|date:"%Y-%m-%d"%}
|
||||||
<div class=day class="day {% if D_x == current_date%}today{% endif %}">
|
<div class=day class="day {% if D_x == current_date%}today{% endif %}">
|
||||||
{{D|date:"%d"}}
|
{{D|date:"%d"}}
|
||||||
<div class=emojis>
|
<div class=emoji>
|
||||||
{% include emoji-date.html date_key=D_x %}
|
{% include emoji-date.html date_key=D_x %}
|
||||||
{% include emoji-date.html date_key=D_y %}
|
{% include emoji-date.html date_key=D_y %}
|
||||||
</div>
|
</div>
|
||||||
|
@ -24,7 +24,6 @@
|
||||||
{% assign new_month = D|date:"%m" %}
|
{% assign new_month = D|date:"%m" %}
|
||||||
|
|
||||||
{% if new_month != month %}
|
{% if new_month != month %}
|
||||||
<!-- close the days and month divs -->
|
|
||||||
</div></div>
|
</div></div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
|
|
|
@ -4,7 +4,13 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>{{ page.title }} - {{ site.title }}</title>
|
<title>{{ page.title }} - {{ site.title }}</title>
|
||||||
<link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}">
|
<style>
|
||||||
|
{% capture sass_file %}
|
||||||
|
{% include main.scss %}
|
||||||
|
{% endcapture %}
|
||||||
|
{{ sass_file | scssify }}
|
||||||
|
</style>
|
||||||
|
<meta name="description" content="{{ site.description }}">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1><a href="{{site.baseurl}}{{page.url}}">{{page.title}}</a></h1>
|
<h1><a href="{{site.baseurl}}{{page.url}}">{{page.title}}</a></h1>
|
||||||
|
|
|
@ -14,4 +14,7 @@ footer {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
color: #aaa;
|
color: #aaa;
|
||||||
|
a {
|
||||||
|
font-size: 1.5em;
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
Reference in New Issue