Skip to content

Commit 204f3b5

Browse files
xuafengxuafeng
committed
Initial commit
0 parents  commit 204f3b5

File tree

3 files changed

+771
-0
lines changed

3 files changed

+771
-0
lines changed

‎blogs.html‎

Lines changed: 229 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,229 @@
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>Blogs - System Intelligence</title>
7+
<style>
8+
* {
9+
margin: 0;
10+
padding: 0;
11+
box-sizing: border-box;
12+
}
13+
14+
body {
15+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
16+
line-height: 1.8;
17+
color: #1a1a1a;
18+
background-color: #ffffff;
19+
}
20+
21+
header {
22+
background: #ffffff;
23+
border-bottom: 1px solid #e5e7eb;
24+
padding: 1rem 0;
25+
position: sticky;
26+
top: 0;
27+
z-index: 1000;
28+
}
29+
30+
nav {
31+
max-width: 1100px;
32+
margin: 0 auto;
33+
padding: 0 2rem;
34+
display: flex;
35+
justify-content: space-between;
36+
align-items: center;
37+
}
38+
39+
.logo {
40+
font-size: 1.5rem;
41+
font-weight: 600;
42+
color: #1a1a1a;
43+
}
44+
45+
nav ul {
46+
list-style: none;
47+
display: flex;
48+
gap: 2rem;
49+
}
50+
51+
nav a {
52+
color: #4b5563;
53+
text-decoration: none;
54+
transition: color 0.3s;
55+
font-size: 0.95rem;
56+
}
57+
58+
nav a:hover {
59+
color: #1a1a1a;
60+
}
61+
62+
.container {
63+
max-width: 800px;
64+
margin: 0 auto;
65+
padding: 3rem 2rem 6rem;
66+
}
67+
68+
h1 {
69+
font-size: 2.5rem;
70+
margin-bottom: 2rem;
71+
font-weight: 700;
72+
color: #1a1a1a;
73+
}
74+
75+
.blog-post {
76+
margin-bottom: 3rem;
77+
padding-bottom: 3rem;
78+
border-bottom: 1px solid #e5e7eb;
79+
}
80+
81+
.blog-post:last-child {
82+
border-bottom: none;
83+
}
84+
85+
.blog-post h2 {
86+
font-size: 1.75rem;
87+
margin-bottom: 0.5rem;
88+
font-weight: 600;
89+
}
90+
91+
.blog-post h2 a {
92+
color: #1a1a1a;
93+
text-decoration: none;
94+
transition: color 0.3s;
95+
}
96+
97+
.blog-post h2 a:hover {
98+
color: #2563eb;
99+
}
100+
101+
.blog-meta {
102+
color: #6b7280;
103+
font-size: 0.95rem;
104+
margin-bottom: 1rem;
105+
}
106+
107+
.blog-excerpt {
108+
color: #374151;
109+
font-size: 1.05rem;
110+
line-height: 1.8;
111+
margin-bottom: 1rem;
112+
}
113+
114+
.read-more {
115+
color: #2563eb;
116+
text-decoration: none;
117+
font-weight: 500;
118+
font-size: 0.95rem;
119+
}
120+
121+
.read-more:hover {
122+
text-decoration: underline;
123+
}
124+
125+
.coming-soon {
126+
text-align: center;
127+
padding: 4rem 2rem;
128+
color: #6b7280;
129+
font-size: 1.1rem;
130+
}
131+
132+
footer {
133+
background: #f9fafb;
134+
border-top: 1px solid #e5e7eb;
135+
padding: 2rem 0;
136+
margin-top: 4rem;
137+
}
138+
139+
.footer-content {
140+
max-width: 1100px;
141+
margin: 0 auto;
142+
padding: 0 2rem;
143+
display: flex;
144+
justify-content: space-between;
145+
align-items: center;
146+
}
147+
148+
.social-links {
149+
display: flex;
150+
gap: 1.5rem;
151+
}
152+
153+
.social-links a {
154+
color: #6b7280;
155+
text-decoration: none;
156+
transition: color 0.3s;
157+
}
158+
159+
.social-links a:hover {
160+
color: #1a1a1a;
161+
}
162+
163+
@media (max-width: 768px) {
164+
nav ul {
165+
flex-direction: column;
166+
gap: 1rem;
167+
}
168+
169+
h1 {
170+
font-size: 2rem;
171+
}
172+
173+
.footer-content {
174+
flex-direction: column;
175+
gap: 1rem;
176+
}
177+
}
178+
</style>
179+
</head>
180+
<body>
181+
<header>
182+
<nav>
183+
<div class="logo">System Intelligence</div>
184+
<ul>
185+
<li><a href="index.html">About</a></li>
186+
<li><a href="blogs.html">Blogs</a></li>
187+
<li><a href="contact.html">Contact Us</a></li>
188+
</ul>
189+
</nav>
190+
</header>
191+
192+
<div class="container">
193+
<h1>Blogs</h1>
194+
195+
<article class="blog-post">
196+
<h2><a href="https://www.sigops.org/2025/the-next-horizon-of-system-intelligence/" target="_blank">The Next Horizon of System Intelligence</a></h2>
197+
<div class="blog-meta">September 25, 2025 • Chieh-Jan Mike Liang, Haoran Qiu, Francis Y. Yan, Tianyin Xu, Lidong Zhou</div>
198+
<p class="blog-excerpt">
199+
This blog post introduces a series examining AI's role in systems research. We propose a paradigm shift toward "endogenous system intelligence"—where systems can self-evolve autonomously rather than relying on external human direction. Generative AI represents another inflection point in computing, challenging traditional approaches to system design, optimization, and troubleshooting.
200+
</p>
201+
<a href="https://www.sigops.org/2025/the-next-horizon-of-system-intelligence/" target="_blank" class="read-more">Read more →</a>
202+
</article>
203+
204+
<!-- Example blog post structure - uncomment and duplicate when adding more posts
205+
<article class="blog-post">
206+
<h2><a href="#">Blog Post Title Goes Here</a></h2>
207+
<div class="blog-meta">January 15, 2025 • Author Name</div>
208+
<p class="blog-excerpt">
209+
This is a brief excerpt or summary of the blog post. It should give readers
210+
a good sense of what the post is about and entice them to read more.
211+
</p>
212+
<a href="#" class="read-more">Read more →</a>
213+
</article>
214+
-->
215+
</div>
216+
217+
<footer>
218+
<div class="footer-content">
219+
<div>&copy; 2025 System Intelligence Community</div>
220+
<div class="social-links">
221+
<a href="mailto:systemintelligence0@gmail.com">Email</a>
222+
<a href="https://github.com/systemintelligence" target="_blank">GitHub</a>
223+
<a href="https://huggingface.co/systemintelligence" target="_blank">HuggingFace</a>
224+
<a href="https://x.com/SysIntelligence" target="_blank">X</a>
225+
</div>
226+
</div>
227+
</footer>
228+
</body>
229+
</html>

0 commit comments

Comments
 (0)