Skip to content

Commit 0211604

Browse files
Futurecomputers8Futurecomputers8
authored
Add files via upload
0 parents  commit 0211604

5 files changed

Lines changed: 268 additions & 0 deletions

File tree

‎_config.yml‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
title: Future Computers 2030–2040
2+
description: "Computers 2030–2040: quantum revolution, brain-computer interfaces, DNA storage, ambient computing, zero screens, and the end of traditional PCs."
3+
url: https://futurecars5.github.io
4+
baseurl: ""
5+
permalink: pretty
6+
future: true
7+
8+
defaults:
9+
-
10+
scope:
11+
path: ""
12+
type: "posts"
13+
values:
14+
layout: default
15+
16+
plugins:
17+
- jekyll-seo-tag
18+
- jekyll-sitemap

‎default.html‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>{% if page.title %}{{ page.title }} — {% endif %}Future Cars 2025–2045</title>
7+
<meta name="description" content="{{ page.description | default: 'Cars 2025–2045: $15k EVs, 0–100 in 0.9s, full autonomy, 6-min charging, flying taxis, zero road deaths. Facts only.' }}">
8+
<link rel="stylesheet" href="/style.css">
9+
</head>
10+
<body>
11+
<div class="container">
12+
13+
<!-- Заголовок -->
14+
{% if page.title %}<h1>{{ page.title }}</h1>{% endif %}
15+
16+
<!-- Контент -->
17+
{{ content }}
18+
19+
<!-- Навигация -->
20+
{% if page.previous or page.next %}
21+
<nav class="post-nav">
22+
{% if page.previous %}<a href="{{ page.previous.url }}" class="prev">← {{ page.previous.title | split: ". " | last }}</a>{% endif %}
23+
{% if page.next %}<a href="{{ page.next.url }}" class="next">{{ page.next.title | split: ". " | last }} →</a>{% endif %}
24+
</nav>
25+
{% endif %}
26+
27+
</div>
28+
</body>
29+
</html>

‎index.md‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
---
2+
layout: default
3+
title: Future Computers 2030–2040
4+
description: "Computers 2030–2040: quantum revolution, brain-computer interfaces, DNA storage, ambient computing, zero screens, and the end of traditional PCs."
5+
---
6+
7+
<div class="home-hero">
8+
<h1>Future Computers<br><span>2030–2040</span></h1>
9+
<p class="subtitle">Everything already funded and built</p>
10+
</div>
11+
12+
<div class="posts-grid">
13+
{% assign sorted_posts = site.posts | reverse %}
14+
{% for post in sorted_posts %}
15+
{% assign first_image = post.content | split:'src="' | slice:1 | first | split:'"' | first %}
16+
17+
<article class="post-card">
18+
<a href="{{ post.url }}">
19+
<div class="post-thumb-wrapper">
20+
<img src="{{ first_image }}" alt="{{ post.title }}" class="post-thumb">
21+
</div>
22+
<div class="post-info">
23+
<h2>{{ post.title | split: ". " | last }}</h2>
24+
<p class="post-desc">{{ post.description }}</p>
25+
<span class="read-more">Read chapter</span>
26+
</div>
27+
</a>
28+
</article>
29+
{% endfor %}
30+
</div>
31+
32+
<div class="made-with">
33+
<p>All images • Full offline • No tracking • Built December 2025</p>
34+
</div>

‎robots.txt‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
User-agent: *
2+
Allow: /
3+
Disallow:
4+
5+
Sitemap: https://futurecars5.github.io/sitemap.xml

‎style.css‎

Lines changed: 182 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,182 @@
1+
2+
* { margin:0; padding:0; box-sizing:border-box; }
3+
4+
body {
5+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
6+
background: #0a0a0a;
7+
color: #eee;
8+
line-height: 1.7;
9+
min-height: 100vh;
10+
}
11+
12+
/* ====================== КОНТЕЙНЕР ====================== */
13+
.container {
14+
max-width: 860px;
15+
margin: 0 auto;
16+
background: #111;
17+
padding: 3.5rem;
18+
border-radius: 20px;
19+
box-shadow: 0 15px 50px rgba(0,255,136,.08);
20+
}
21+
22+
/* ====================== ПОСТЫ ====================== */
23+
h1 {
24+
font-size: 2.8rem;
25+
margin-bottom: 1.8rem;
26+
text-align: center;
27+
background: linear-gradient(90deg,#00ff88,#00d4ff);
28+
-webkit-background-clip: text;
29+
-webkit-text-fill-color: transparent;
30+
}
31+
h2 {
32+
font-size: 1.9rem;
33+
margin: 2.8rem 0 1.2rem;
34+
color: #00ff88;
35+
}
36+
p { margin: 1.3rem 0; font-size: 1.12rem; }
37+
strong { color: #00ff88; }
38+
39+
img {
40+
max-width: 100%;
41+
border-radius: 16px;
42+
margin: 2.8rem auto;
43+
display: block;
44+
box-shadow: 0 12px 40px rgba(0,0,0,.7);
45+
}
46+
47+
table {
48+
width: 100%;
49+
border-collapse: collapse;
50+
margin: 2rem 0;
51+
background: #1a1a1a;
52+
border-radius: 12px;
53+
overflow: hidden;
54+
}
55+
th, td {
56+
padding: 1rem;
57+
text-align: left;
58+
border-bottom: 1px solid #333;
59+
}
60+
th {
61+
background: #00ff88;
62+
color: #000;
63+
font-weight: 700;
64+
}
65+
66+
/* Навигация между главами */
67+
.post-nav {
68+
background: #000;
69+
padding: 2rem;
70+
border-radius: 16px;
71+
margin-top: 4rem;
72+
display: flex;
73+
justify-content: space-between;
74+
flex-wrap: wrap;
75+
gap: 1rem;
76+
text-align: center;
77+
font-size: 1.2rem;
78+
}
79+
.post-nav a {
80+
color: #00ff88;
81+
text-decoration: none;
82+
font-weight: 600;
83+
}
84+
.post-nav a:hover { text-decoration: underline; }
85+
86+
/* ====================== ГЛАВНАЯ ====================== */
87+
.home-hero {
88+
text-align: center;
89+
padding: 6rem 1rem 4rem;
90+
background: linear-gradient(135deg,#000,#001a0f);
91+
}
92+
.home-hero h1 {
93+
font-size: 5rem;
94+
margin-bottom: 1rem;
95+
}
96+
.home-hero h1 span {
97+
display: block;
98+
background: linear-gradient(90deg,#00ff88,#00d4ff);
99+
-webkit-background-clip: text;
100+
-webkit-text-fill-color: transparent;
101+
}
102+
.subtitle {
103+
font-size: 1.5rem;
104+
color: #aaa;
105+
max-width: 800px;
106+
margin: 0 auto;
107+
}
108+
109+
.posts-grid {
110+
display: grid;
111+
grid-template-columns: repeat(auto-fill,minmax(340px,1fr));
112+
gap: 2.5rem;
113+
max-width: 1400px;
114+
margin: 4rem auto;
115+
padding: 0 2rem;
116+
}
117+
.post-card {
118+
background: #111;
119+
border-radius: 20px;
120+
overflow: hidden;
121+
transition: all .4s ease;
122+
border: 1px solid #222;
123+
}
124+
.post-card:hover {
125+
transform: translateY(-16px);
126+
box-shadow: 0 25px 50px rgba(0,255,136,.25);
127+
border-color: #00ff88;
128+
}
129+
.post-card img {
130+
width: 100%;
131+
height: 220px;
132+
object-fit: cover;
133+
transition: transform .6s ease;
134+
}
135+
.post-card:hover img { transform: scale(1.08); }
136+
.post-info {
137+
padding: 1.8rem;
138+
}
139+
.post-info h2 {
140+
font-size: 1.35rem;
141+
margin-bottom: .8rem;
142+
color: #fff;
143+
line-height: 1.3;
144+
}
145+
.post-desc {
146+
color: #aaa;
147+
font-size: 1rem;
148+
margin-bottom: 1rem;
149+
}
150+
.read-more {
151+
color: #00ff88;
152+
font-weight: 600;
153+
font-size: 1.1rem;
154+
}
155+
156+
.made-with {
157+
text-align: center;
158+
padding: 6rem 1rem 3rem;
159+
color: #666;
160+
font-size: .95rem;
161+
}
162+
163+
/* ====================== АДАПТИВ ====================== */
164+
@media (max-width:768px) {
165+
.container { padding: 2rem; border-radius: 16px; }
166+
h1 { font-size: 2.3rem; }
167+
.home-hero h1 { font-size: 3.2rem; }
168+
.posts-grid { grid-template-columns: 1fr; padding: 0 1rem; }
169+
.post-card img { height: 180px; }
170+
.post-nav { flex-direction: column; font-size: 1.1rem; }
171+
}
172+
173+
.next-chapter {
174+
margin: 4rem 0 2rem;
175+
padding: 1.5rem;
176+
background: #000;
177+
border-left: 4px solid #00ff88;
178+
border-radius: 0 12px 12px 0;
179+
font-size: 1.2rem;
180+
}
181+
.next-chapter a { color: #00ff88; text-decoration: none; font-weight: 600; }
182+
.next-chapter a:hover { text-decoration: underline; }

0 commit comments

Comments
 (0)