Skip to content

Commit 48b25be

Browse files
committed
chore: add newlines between block elements
Signed-off-by: Jens Oliver Meiert <jens@meiert.com>
1 parent f5bc6c5 commit 48b25be

3 files changed

Lines changed: 40 additions & 0 deletions

File tree

_src/_includes/base.njk

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<!DOCTYPE html>
22
<html lang="en">
3+
34
<head>
45
<meta charset="utf-8">
56
<title>{% if title %}{{ title }}{% else %}April 9 is CSS Naked Day{% endif %}</title>
@@ -12,21 +13,32 @@
1213
{% if description %}<meta property="og:description" name="description" content="{{ description | truncate(150, false, ' …') }}">{% endif %}
1314
<meta property="og:image" content="https://css-naked-day.org/media/logo.png">
1415
</head>
16+
1517
<body>
18+
1619
<div id="container">
20+
1721
<div class="inner">
22+
1823
<header>
1924
<h1>{% if page.url != '/' %}<a href="/">{% endif %}{{ title }}{% if page.url != '/' %}</a>{% endif %}</h1>
2025
<h2>Show off your semantic <code>&lt;body&gt;</code>!</h2>
2126
</header>
27+
2228
<hr>
29+
2330
<section id="main_content">
2431
{{ content | safe }}
2532
</section>
33+
2634
<footer>
2735
This is <a href="/">CSS Naked Day</a>. This page was generated by <a href="https://11ty.dev/">Eleventy</a> (<a href="https://github.com/css-naked-day/css-naked-day.org">view it on GitHub</a>). Tactile theme by <a href="https://x.com/jasonlong">Jason Long</a>.
2836
</footer>
37+
2938
</div>
39+
3040
</div>
41+
3142
</body>
43+
3244
</html>

_src/index.njk

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,18 @@ layout: base.njk
44
title: "CSS Naked Day"
55
---
66
<h3>April 9 is CSS Naked Day!</h3>
7+
78
<p>Join us for the yearly festivities on April 9 of going nude on the Web!</p>
9+
810
<!-- <h3><a id="where-is-design" href="#where-is-design">Where did the design go?</a></h3>
911
<p>The website you just came from is not broken, its owner has decided to participate to CSS Naked Day! CSS Naked Day is an event that is held once per year to celebrate good and well planned design. The website you come from will be back to its normal state tomorrow.</p>
12+
1013
<h3><a id="meaning" href="#meaning">What does that mean?</a></h3> -->
14+
1115
<p>The idea behind CSS Naked Day is to promote web standards. Plain and simple. This includes proper use of HTML, semantic markup, a good hierarchy structure, and of course, a good old play on words. In the words of 2006, it’s time to show off your &lt;body&gt; for what it really is.</p>
16+
1217
<h3><a id="editions" href="#editions">CSS Naked Day editions</a></h3>
18+
1319
<ul>
1420
{% for year in range(globals.yearStart, globals.yearCurrent + 1) | reverse %}
1521
<li>
@@ -21,12 +27,19 @@ title: "CSS Naked Day"
2127
</li>
2228
{% endfor %}
2329
</ul>
30+
2431
<h3><a id="participate" href="#participate">How to participate</a></h3>
32+
2533
<p>On April 9, simply remove all CSS from your website, stripping it entirely of its design.</p>
34+
2635
<p>You can link to this page to let your visitors know about the nudity of your website! This option is for those who feel a need to give their visitors a reference as to what’s going on. This is not about getting traffic or making money. There are no ads on this site, nor will there ever be. This is about you, the people; getting naked.</p>
36+
2737
<p>You can instead add your website(s) here by <a href="https://github.com/css-naked-day/css-naked-day.org/issues/new">creating an issue</a> or <a href="https://github.com/css-naked-day/css-naked-day.org">adding a file in the proper folder</a>!</p>
38+
2839
<h3><a id="developers" href="#developers">Don’t think, just strip</a></h3>
40+
2941
<p>Here is a sample PHP function for developers:</p>
42+
3043
<pre><code>&lt;?php
3144
function isNakedDay() {
3245
$now = new \DateTime('now', new \DateTimeZone('UTC'));
@@ -35,18 +48,25 @@ title: "CSS Naked Day"
3548
return $now &gt;= $start && $now &lt; $end;
3649
}
3750
?&gt;</code></pre>
51+
3852
<p>Use it like this:</p>
53+
3954
<pre><code>&lt;head&gt;
4055
4156
&lt;?php if(!isNakedDay()) : ?&gt;
4257
&lt;link rel="stylesheet" href="styles.css" /&gt;
4358
&lt;?php endif; ?&gt;
4459
4560
&lt;/head&gt;</code></pre>
61+
4662
<h3><a id="timespan" href="#timespan">Wait… isn’t that 50 hours?</a></h3>
63+
4764
<p>That’s correct. CSS Naked Day lasts for one international day. Technically speaking, it will be April 9 somewhere in the world for 50 hours, from <strong>00:00, April 9 UTC+14:00</strong> to <strong>00:00, April 10 UTC-12:00</strong> (<em>10:00, April 8 UTC+00:00</em> to <em>12:00, April 10 UTC+00:00</em>). This is to ensure that everyone’s website will be publicly nude for the entire world to see at any given time during April 9.</p>
65+
4866
<h3><a id="tools" href="#tools">Tools and plugins</a></h3>
67+
4968
<p>Attention plugin developers: If you have a CSS Naked Day plugin for a popular CMS, or written in a programming language not listed here, feel free to make a pull request and add it, or to post an email on the <a href="https://groups.google.com/g/css-naked-day">dedicated Google group</a> if you’re not familiar with Git.</p>
69+
5070
<ul>
5171
<li><a href="https://www.ajalapus.com/">Aja</a> updated their most excellent <a href="https://www.ajalapus.com/downloads/css-naked-day/">WordPress Naked Day Plugin</a>.</li>
5272
<li><a href="https://web.archive.org/web/20150227130740/http://hugi.to/blog/">Reto</a> has created a <a href="http://downloads.sourceforge.net/lifetype/1.2_cssnaked.zip?download">Naked Day plugin for the LifeType Blogging platform</a>.</li>
@@ -58,10 +78,15 @@ title: "CSS Naked Day"
5878
<li>If you are a Rails developer, check out the <a href="https://github.com/danielsellergren/css_naked_day_rails">css_naked_day_rails</a> gem by <a href="https://danielsellergren.com/">Daniel Sellergren</a>.</li>
5979
<li>If you have lots of raw HTML, use <a href="https://gist.github.com/alifeee/75df204c2be3815806e1d4be47e54d08">this bash script</a> to remove style sheets, <code>style</code> elements, and inline styles.</li>
6080
</ul>
81+
6182
<h3><a id="origins" href="#origins">Origins</a></h3>
83+
6284
<p>CSS Naked Day started in <a href="https://web.archive.org/web/20060409133500/http://naked.dustindiaz.com/">2006 by Dustin Diaz</a>, who organized it until <a href="https://web.archive.org/web/20090503155846/http://naked.dustindiaz.com:80/">2009</a>. From <a href="https://web.archive.org/web/20100516032732/http://naked.threepixeldrift.com/">2010</a> until <a href="https://web.archive.org/web/20140817035514/http://naked.threepixeldrift.com/">2014</a>, it was hosted by Taylor Satula. The content in this page is extracted from the content of the respective pages. Since 2015, the project is maintained by <a href="https://arkhi.org/">Fabien Basmaison</a> and <a href="https://meiert.com/">Jens Oliver Meiert</a>. (Jens once worked on a <a href="https://meiert.com/blog/css-naked-day-and-wikipedia/">proposal for a CSS Naked Day Wikipedia page</a> that retells the story.)</p>
85+
6386
<h3>Famous words</h3>
87+
6488
<blockquote>
6589
<p>This is a fun idea, fully in line with the reasons for creating CSS in the first place. While most designers are attracted by the extra presentational capabilities, saving HTML from becoming a presentational language was probably a more important motivation for most people who participated in the beginning.</p>
6690
</blockquote>
91+
6792
<p><cite>Håkon Wium Lie</cite></p>

_src/year.njk

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,9 @@ permalink: /{{ year | slugify }}.html
2020
{% endif %}
2121
{% endfor %}
2222
</p>
23+
2324
<h3>Kudos to these websites who got naked in {{ year }}!</h3>
25+
2426
<ol>
2527
{% for filename, participations in participations | getParticipantsForYear(year) | groupby('participant') %}
2628
{% set participant = participants[filename] %}
@@ -35,6 +37,7 @@ permalink: /{{ year | slugify }}.html
3537
</li>
3638
{% endfor %}
3739
</ol>
40+
3841
<p>
3942
Feel free to
4043
<a href='https://github.com/css-naked-day/css-naked-day.org/new/master/?filename=_data/participants/my-name.toml&value=display%20%3D%20%22MY%20NAME%22%0A%0A%23%20Websites%0A%23%20------------------------------------------------------------------------------%0A%0A%5B%5Bwebsites%5D%5D%0Aurl%20%20%20%3D%20%22URL_OF_MY_WEBSITE%22%0Ayears%20%3D%20%5B%0A%20%20%0A%5D'>add yours</a>!

0 commit comments

Comments
 (0)