-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
59 lines (56 loc) · 3.01 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>suCSS Framework</title>
<!-- Include CSS files -->
<link rel="stylesheet" href="reset-min.css">
<link rel="stylesheet" href="suCSS-min.css">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="demo.html">Demo</a></li>
<li><a href="https://github.com/Speyll/suCSS">Get suCSS</a></li>
</ul>
</nav>
<!-- Page Title -->
<h1>suCSS: Elevating Semantic HTML</h1>
</header>
<!-- Main Content Section -->
<main>
<!-- Introduction Section -->
<section>
<p>suCSS is a minimalist and <b>classless CSS framework</b>, designed to provide a lightweight and elegant foundation for web development. Keep your projects streamlined and stylish with a framework that doesn't <mark>suCC(S)</mark> 💼</p>
</section>
<!-- Why suCSS Section -->
<section>
<h2>Why suCSS?</h2>
<p>The modern web is often burdened by bulky frameworks, packing excessive features that go unused. For instance, while Bootstrap's minified CSS weighs a hefty 200KB, suCSS is a mere 8KB.</p>
<p>Despite its lightweight nature, suCSS doesn't compromise on aesthetics or functionality. It empowers web developers to swiftly create visually appealing sites without the bloat of complex frameworks.</p>
<p>By embracing suCSS, developers can easily establish a solid foundation for their projects or utilize it as-is for clean and polished websites. While frameworks like Bootstrap have their place, suCSS shines for modest or personal projects where simplicity reigns supreme, This website itself is crafted solely with <b>semantic HTML</b>, devoid of any classes or IDs.</p>
<p>My journey with suCSS began while experimenting with static site generators. Seeking a lightweight solution for my personal websites, I developed a straightforward CSS template. This template later evolved into a theme for <a target="_blank" rel="noopener" href="https://www.getzola.org">Zola</a> called <a target="_blank" rel="noopener" href="https://www.getzola.org/themes/anemone/">anemone</a>. Recognizing its potential utility to others, suCSS emerged as a standalone refined and minimalist CSS framework.</p>
</section>
<!-- suCSS Key-Points Section -->
<section>
<h2>Key Features of suCSS</h2>
<ul>
<li>Automatic dark mode toggling.</li>
<li>Full responsiveness out of the box.</li>
<li>Sleek local fonts for sans-serif and monospace.</li>
<li>Intuitive defaults for standard HTML elements.</li>
<li>Remarkable lightweightness.</li>
</ul>
</section>
</main>
<!-- Footer Section -->
<footer>
<p>
Built by <a target="_blank" rel="noopener noreferrer" href="https://github.com/Speyll/">Speyll</a>. suCSS is licensed under <a target="_blank" rel="noopener" href="https://en.wikipedia.org/wiki/Licence_MIT">MIT</a>.
</p>
</footer>
</body>
</html>