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.
|
||||
exclude:
|
||||
- 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 @@
|
|||
---
|
||||
---
|
||||
@import "base";
|
||||
$backgroundColor: #ffffff;
|
||||
$bodyColor: #000000;
|
||||
$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;
|
||||
$today-color: #e74c3c;
|
||||
$today-color: #aa1e13;
|
||||
|
||||
h1 {
|
||||
color: $primary-color;
|
||||
|
@ -43,6 +60,7 @@ h1 {
|
|||
padding: 10px;
|
||||
border: 1px solid #ddd;
|
||||
text-align: center;
|
||||
font-size: 1.2em;
|
||||
|
||||
&.today {
|
||||
background-color: $today-color;
|
||||
|
@ -51,7 +69,7 @@ h1 {
|
|||
}
|
||||
|
||||
.emoji {
|
||||
font-size: 1.2em;
|
||||
|
||||
}
|
||||
|
||||
a {
|
|
@ -15,7 +15,7 @@
|
|||
{% assign D_y = D|date:"%Y-%m-%d"%}
|
||||
<div class=day class="day {% if D_x == current_date%}today{% endif %}">
|
||||
{{D|date:"%d"}}
|
||||
<div class=emojis>
|
||||
<div class=emoji>
|
||||
{% include emoji-date.html date_key=D_x %}
|
||||
{% include emoji-date.html date_key=D_y %}
|
||||
</div>
|
||||
|
@ -24,7 +24,6 @@
|
|||
{% assign new_month = D|date:"%m" %}
|
||||
|
||||
{% if new_month != month %}
|
||||
<!-- close the days and month divs -->
|
||||
</div></div>
|
||||
{% endif %}
|
||||
|
||||
|
|
|
@ -4,7 +4,13 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta charset="utf-8">
|
||||
<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>
|
||||
<body>
|
||||
<h1><a href="{{site.baseurl}}{{page.url}}">{{page.title}}</a></h1>
|
||||
|
|
|
@ -14,4 +14,7 @@ footer {
|
|||
text-align: center;
|
||||
font-size: 0.8em;
|
||||
color: #aaa;
|
||||
a {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue