We now have a calendar using Jekyll
This commit is contained in:
parent
0dca103dcb
commit
6bf91150bd
13
README.md
13
README.md
|
@ -1,8 +1,12 @@
|
||||||
# Emoji Every Day
|
---
|
||||||
|
layout: default
|
||||||
|
title: Emoji Every Day
|
||||||
|
permalink: /about/
|
||||||
|
---
|
||||||
|
|
||||||
An emoji character for (almost) every day.
|
An emoji character for (almost) every day.
|
||||||
|
|
||||||
Data in emoji.yaml. Made for India, but can be extended to other countries.
|
Data in [`_data/emoji.yaml`](https://github.com/captn3m0/emoji-every-day/blob/main/_data/emoji.yml). Made for India, but can be extended to other countries.
|
||||||
|
|
||||||
Includes:
|
Includes:
|
||||||
|
|
||||||
|
@ -33,4 +37,9 @@ the proposal isn't accepted yet.
|
||||||
Licensed under the [MIT License](https://nemo.mit-license.org/).
|
Licensed under the [MIT License](https://nemo.mit-license.org/).
|
||||||
See LICENSE file for details.
|
See LICENSE file for details.
|
||||||
|
|
||||||
|
## Why
|
||||||
|
|
||||||
|
Think of this as a poor man's Google Doodle for any website, where you might have daily refreshes. I'm currently using it for [news.tatooine.club](https://news.tatooine.club),
|
||||||
|
where I wanted to put a 🎄 next to the date for Christmas, but extended it to this project. See [Origin Post](https://tatooine.club/@nemo/111647981554186397) for more details.
|
||||||
|
|
||||||
[undays]: https://www.un.org/en/observances/list-days-weeks
|
[undays]: https://www.un.org/en/observances/list-days-weeks
|
|
@ -0,0 +1,6 @@
|
||||||
|
url: "" # the base hostname & protocol for your site, e.g. http://example.com
|
||||||
|
baseurl: "" # the subpath of your site, e.g. /blog
|
||||||
|
title: "" # the name of your site, e.g. ACME Corp.
|
||||||
|
exclude:
|
||||||
|
- vendor
|
||||||
|
- test.py
|
|
@ -324,7 +324,7 @@
|
||||||
link: https://www.wipo.int/ip-outreach/en/ipday/
|
link: https://www.wipo.int/ip-outreach/en/ipday/
|
||||||
type: UN
|
type: UN
|
||||||
|
|
||||||
- day_name: International Girls in "Information and Communications Technology" Day
|
- day_name: International Girls in 'Information and Communications Technology' Day
|
||||||
emoji: 👩💻
|
emoji: 👩💻
|
||||||
link: https://www.itu.int/en/wgirls-ict/Pages/default.aspx
|
link: https://www.itu.int/en/wgirls-ict/Pages/default.aspx
|
||||||
type: UN
|
type: UN
|
|
@ -0,0 +1,11 @@
|
||||||
|
{% assign emojis = site.data.emoji[include.date_key] | default: empty_array %}
|
||||||
|
|
||||||
|
{% if emojis.size > 0 %}
|
||||||
|
{% for event in emojis %}
|
||||||
|
{% if event.link %}
|
||||||
|
<a href="{{ event.link }}" title="{{ event.day_name }}">{{ event.emoji }}</a>
|
||||||
|
{% else %}
|
||||||
|
<span title="{{ event.day_name }}">{{ event.emoji }}</span>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
{% endif %}
|
|
@ -0,0 +1,4 @@
|
||||||
|
<footer>
|
||||||
|
<a href="/about">About</a> |
|
||||||
|
<a href="/">Calendar</a>
|
||||||
|
</footer>
|
|
@ -0,0 +1,31 @@
|
||||||
|
{% assign current_date = site.time | date: "%m-%d" %}
|
||||||
|
{% assign epoch = 1704068700 %}
|
||||||
|
{% assign one_day = 60 | times: 60 | times: 24 %}
|
||||||
|
{% assign D = epoch %}
|
||||||
|
|
||||||
|
{% for date in (1...366) %}
|
||||||
|
{% assign D_n = D | date:"%d" %}
|
||||||
|
{% if D_n == "01" %}
|
||||||
|
{% assign month = D|date:"%m" %}
|
||||||
|
<div class="month">
|
||||||
|
<h2>{{D|date:"%B"}}</h2>
|
||||||
|
<div class="days">
|
||||||
|
{% endif %}
|
||||||
|
{% assign D_x = D|date:"%m-%d"%}
|
||||||
|
{% 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>
|
||||||
|
{% include emoji-date.html date_key=D_x %}
|
||||||
|
{% include emoji-date.html date_key=D_y %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% assign D = D | plus:one_day %}
|
||||||
|
{% assign new_month = D|date:"%m" %}
|
||||||
|
|
||||||
|
{% if new_month != month %}
|
||||||
|
<!-- close the days and month divs -->
|
||||||
|
</div></div>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% endfor %}
|
|
@ -0,0 +1,16 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="{{ site.lang | default: "en-US" }}">
|
||||||
|
<head>
|
||||||
|
<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 }}">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>{{page.title}}</h1>
|
||||||
|
<main>
|
||||||
|
{{ content }}
|
||||||
|
</main>
|
||||||
|
{% include footer.html %}
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,17 @@
|
||||||
|
$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;
|
||||||
|
}
|
|
@ -0,0 +1,69 @@
|
||||||
|
---
|
||||||
|
---
|
||||||
|
@import "base";
|
||||||
|
$primary-color: #3498db;
|
||||||
|
$today-color: #e74c3c;
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
color: $primary-color;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.calendar {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
margin: 20px;
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
|
||||||
|
.month {
|
||||||
|
width: 100%; /* Full width on small screens */
|
||||||
|
margin: 10px;
|
||||||
|
padding: 10px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
color: $primary-color;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.days {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.day {
|
||||||
|
width: 14.28%; /* One-seventh of the container */
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 10px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
&.today {
|
||||||
|
background-color: $today-color;
|
||||||
|
color: #fff;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoji {
|
||||||
|
font-size: 1.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 600px) {
|
||||||
|
.month {
|
||||||
|
width: 48%; /* Two months per row on medium screens */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.month {
|
||||||
|
width: 31%; /* Three months per row on large screens */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue