Skip to content

Commit 7ff0e03

Browse files
vkbovkbo
committed
Add static html content
1 parent 55c30eb commit 7ff0e03

4 files changed

Lines changed: 237 additions & 0 deletions

File tree

‎.gitignore‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
# No AI files
2+
AGENTS.md
3+
CLAUSE.md
4+
GEMINI.md
5+
.claude/
6+
.cursor*
7+
.codex/
8+
.gemini/

‎images/novelwriter.svg‎

Lines changed: 9 additions & 0 deletions
Loading

‎index.html‎

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>The Saga Software Project</title>
8+
<meta name="description" content="Open source software for the writing community">
9+
<link rel="preconnect" href="https://fonts.googleapis.com">
10+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11+
<link
12+
href="https://fonts.googleapis.com/css2?family=Cantarell:ital,wght@0,400;0,700;1,400&family=Lora:ital,wght@0,400;0,600;0,700;1,400&display=swap"
13+
rel="stylesheet">
14+
<link rel="stylesheet" href="style.css">
15+
</head>
16+
17+
<body>
18+
<header class="site-header">
19+
<div class="wrap">
20+
<span class="logo">Saga Software Project</span>
21+
<nav>
22+
<a href="https://github.com/saga-soft" target="_blank" rel="noopener">GitHub</a>
23+
</nav>
24+
</div>
25+
</header>
26+
27+
<main>
28+
<section class="top">
29+
<div class="wrap">
30+
<h1>The Saga Software Project</h1>
31+
<p class="tagline">Open source software for the writing community</p>
32+
</div>
33+
</section>
34+
35+
<section class="project">
36+
<div class="wrap project-inner">
37+
<img class="project-logo" src="images/novelwriter.svg" alt="novelWriter logo">
38+
<div class="project-text">
39+
<h2><a href="https://novelwriter.io">novelWriter</a></h2>
40+
<p>A markdown-like text editor designed for writing novels and larger projects of many smaller plain text
41+
documents.</p>
42+
<p>It is designed to be a simple text editor that allows for easy organisation of text files and notes, with a
43+
meta data syntax for comments, synopsis, and cross-referencing between files, and built on plain text files
44+
for robustness.</p>
45+
<p class="project-links">
46+
<span>Website: <a href="https://novelwriter.io">novelwriter.io</a></span>
47+
<span>Alternate: <a href="https://novelwriter.saga-soft.io">novelwriter.saga-soft.io</a></span>
48+
</p>
49+
</div>
50+
</div>
51+
</section>
52+
</main>
53+
54+
<footer class="site-footer">
55+
<div class="wrap">
56+
<p>&copy; 2026 The Saga Software Project and Veronica Berglyd Olsen</p>
57+
</div>
58+
</footer>
59+
</body>
60+
61+
</html>

‎style.css‎

Lines changed: 159 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,159 @@
1+
:root {
2+
--bg: #ffffff;
3+
--fg: #1f1c17;
4+
--muted: #6b6459;
5+
--accent: #346598;
6+
--accent-fg: #fdfcf9;
7+
--border: #e5e0d6;
8+
--header-bg: #e8e8e8;
9+
--top-bg: #f5f5f5;
10+
}
11+
12+
* {
13+
box-sizing: border-box;
14+
}
15+
16+
body {
17+
margin: 0;
18+
background: var(--bg);
19+
color: var(--fg);
20+
font-family: "Cantarell", sans-serif;
21+
line-height: 1.5;
22+
}
23+
24+
.wrap {
25+
max-width: 55rem;
26+
margin: 0 auto;
27+
padding: 0 1.5rem;
28+
}
29+
30+
.site-header {
31+
background: var(--header-bg);
32+
border-bottom: 1px solid var(--border);
33+
}
34+
35+
.site-header .wrap {
36+
display: flex;
37+
align-items: center;
38+
justify-content: space-between;
39+
padding-top: 1.25rem;
40+
padding-bottom: 1.25rem;
41+
}
42+
43+
.logo {
44+
font-family: "Lora", serif;
45+
font-weight: bold;
46+
font-size: 1.1rem;
47+
}
48+
49+
.site-header nav a {
50+
color: var(--muted);
51+
text-decoration: none;
52+
font-size: 0.95rem;
53+
}
54+
55+
.site-header nav a:hover {
56+
color: var(--accent);
57+
}
58+
59+
.top {
60+
background: var(--top-bg);
61+
padding: 6rem 0;
62+
text-align: center;
63+
}
64+
65+
.top h1 {
66+
font-family: "Lora", serif;
67+
font-size: 2.4rem;
68+
margin: 0 0 0.75rem;
69+
}
70+
71+
.tagline {
72+
color: var(--muted);
73+
font-size: 1.2rem;
74+
margin: 0 0 2rem;
75+
}
76+
77+
.project {
78+
padding: 3rem 0;
79+
border-top: 1px solid var(--border);
80+
}
81+
82+
.project-inner {
83+
display: flex;
84+
align-items: flex-start;
85+
gap: 2rem;
86+
max-width: 45rem;
87+
}
88+
89+
.project-logo {
90+
width: 7.5rem;
91+
height: 7.5rem;
92+
flex-shrink: 0;
93+
margin-top: 2.9rem;
94+
}
95+
96+
.project-text h2 {
97+
font-family: "Lora", serif;
98+
margin: 0 0 0.5rem;
99+
font-size: 1.6rem;
100+
}
101+
102+
.project-text h2 a {
103+
color: var(--accent);
104+
text-decoration: none;
105+
}
106+
107+
.project-text h2 a:hover {
108+
color: var(--accent);
109+
text-decoration: underline;
110+
}
111+
112+
.project-text p {
113+
margin: 0 0 1rem;
114+
color: var(--muted);
115+
}
116+
117+
.project-text p:last-child {
118+
margin-bottom: 0;
119+
}
120+
121+
.project-links {
122+
display: flex;
123+
gap: 1.5rem;
124+
}
125+
126+
.project-links a {
127+
color: var(--accent);
128+
text-decoration: none;
129+
}
130+
131+
.project-links a:hover {
132+
text-decoration: underline;
133+
}
134+
135+
@media (max-width: 37.5rem) {
136+
.project-inner {
137+
flex-direction: column;
138+
text-align: center;
139+
}
140+
141+
.project-logo {
142+
margin-top: 0;
143+
}
144+
145+
.project-links {
146+
justify-content: center;
147+
}
148+
}
149+
150+
.site-footer {
151+
border-top: 1px solid var(--border);
152+
}
153+
154+
.site-footer .wrap {
155+
padding: 1.25rem 1.5rem;
156+
color: var(--muted);
157+
font-size: 0.85rem;
158+
text-align: center;
159+
}

0 commit comments

Comments
 (0)