Skip to content

Commit 40c2a00

Browse files
meu9067meu9067
committed
First design
1 parent b008bee commit 40c2a00

20 files changed

+301
-56
lines changed

‎_includes/_card.html‎

Lines changed: 17 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,20 @@
1-
<div class="bg-yellow-400 text-black p-6 rounded-lg shadow-lg border-4 border-black">
2-
<h2 class="font-bold mt-2 uppercase text-5xl">{{ post.data.title }}</h2>
3-
<p class="mt-4 text-black">{{ post.content }}.</p>
4-
<div class="mt-6 flex gap-4">
5-
<a href="{{ post.url }}" class="bg-white text-black px-4 py-2 rounded hover:bg-gray-200">read more</a>
1+
<div class="card">
2+
<header>
3+
<div class="date">{{ post.date | date: "%B %Y" }}</div> <div class="category">{{post.data.category}}</div>
4+
</header>
5+
<div class="image-container">
6+
<img src="{{ post.data.imgUrl }}"
7+
alt="Image for {{ post.data.title }}"/>
68
</div>
9+
<h2>{{ post.data.title }}</h2>
10+
<p>{{ post.data.summary }}.</p>
711

8-
<h3>
9-
{{post.data.category}}
10-
</h3>
12+
13+
<div class="footer">
14+
15+
<div class="link">
16+
<a href="{{ post.url }}">Read more</a>
17+
</div>
18+
19+
</div>
1120
</div>

‎_includes/introduction.html‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
2+
<section class="introduction">
3+
<div>
4+
<h2>"not without a smile"</h2>
5+
</div>
6+
<div>
7+
{% include 'presentation.html' %}
8+
</div>
9+
</section>
10+
<hr/>

‎_includes/layout.html‎

Lines changed: 18 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,27 @@
44
<meta charset="UTF-8">
55
<title>Minimal HTML</title>
66
<link rel="stylesheet" href="/styles/main.css">
7-
<link href="https://unpkg.com/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
87
</head>
98
<body>
109

10+
<div class="main">
11+
12+
<header>
13+
<h1>Amazing Nature</h1>
14+
15+
</header>
16+
17+
<section class="content">
18+
{{ content }}
19+
</section>
20+
</div>
21+
22+
<footer>
23+
<div class="ticker">
24+
<p>The articles featured are excerpts from earlier issues of Nature. This page is not affiliated with the scientific journal Nature.</p>
25+
</div>
26+
<p>© 2025 Amazing Nature</p>
27+
</footer>
1128

12-
{{ content }}
1329
</body>
1430
</html>

‎_includes/presentation.html‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<div class="presentation">
2+
<p><em>"When another half-century has passed, curious readers of the back numbers of Nature will probably look on our best, 'not without a smile;' and, it may be, that long after the theories of the philosophers whose achievements are recorded in these pages, are obsolete, the vision of the poet will remain as a truthful and efficient symbol of the wonder and the mystery of Nature."</em></p>
3+
<div class="footer">
4+
<div class="metadata">
5+
<span><strong>T. H. Huxley</strong></span>
6+
<span>in the first issue of Nature, 1987.</span>
7+
</div>
8+
<div class="link">
9+
<a href="#">Read more</a>
10+
</div>
11+
</div>
12+
</div>

‎assets/img/post-1.jpg‎

152 KB
Loading

‎assets/img/post-2.jpg‎

501 KB
Loading

‎assets/img/post-3.jpg‎

163 KB
Loading

‎index.html‎

Lines changed: 2 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -2,18 +2,9 @@
22
layout: layout.html
33
---
44

5-
<div class="full-width ">
6-
7-
<div class="header">
8-
9-
</div>
10-
11-
12-
</div>
13-
<div class="max-w-6xl mx-auto p-6 grid grid-cols-1 md:grid-cols-2
14-
gap-6">
5+
{% include 'introduction.html' %}
156

167
{% for post in collections.post %}
178
{% include '_card.html' with post=post %}
189
{% endfor %}
19-
</div>
10+

‎posts/amazing-feature.md‎

Lines changed: 0 additions & 8 deletions
This file was deleted.

‎posts/post-1.md‎

Lines changed: 15 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,19 @@
11
---
2-
title: "First Feature"
3-
category: post
2+
title: "A Mysterious Glow on Mars"
3+
category: sci-fi
4+
natureUrl: https://www.nature.com/articles/050319c0
5+
imgUrl: assets/img/post-1.jpg
6+
summary: "A strange glowing light was spotted on the dark side of Mars, sparking speculation about its origin."
47
---
58

9+
On July 28, something strange happened on Mars. A glowing light was spotted in the planet’s southern hemisphere—on the dark side, where sunlight doesn’t reach. The sighting came from M. Javelle at the renowned Nice Observatory, and it was serious enough to be flashed across the globe by Dr. Krueger of the Central Bureau in Kiel.
610

7-
Content for my first post.
11+
This wasn’t just a flicker. It was a projection lumineuse—a luminous projection—seen clearly against the shadowed part of Mars. That rules out reflections or passing comets. So what could it be?
12+
13+
Speculation is running wild. Some scientists suggest natural causes: maybe a powerful aurora, snow-covered mountain peaks catching stray light, or even massive forest fires lighting up the Martian night. But others can’t help but wonder—could it be artificial?
14+
15+
The idea that Martians might be trying to communicate with Earth has resurfaced. And if they were, the timing couldn’t be better. Mars is currently a morning star, meaning its dark side is visible from Earth—perfect for sending signals.
16+
17+
Unfortunately, cloudy skies in London blocked further observations, so we don’t yet know if the light returned. But one thing is clear: this is one of the most intriguing Martian mysteries in years.
18+
19+
Whether it’s nature or something more, this glowing anomaly might be the first dynamic event we’ve ever witnessed on Mars—beyond its dusty plains and frozen poles.

0 commit comments

Comments
 (0)