Skip to content

Commit c0a226e

Browse files
MF366-CodingMF366-Coding
committed
Site is done for now
1 parent 2836408 commit c0a226e

File tree

9 files changed

+484
-49
lines changed

9 files changed

+484
-49
lines changed

‎.gitignore‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -405,3 +405,6 @@ __Backups/*
405405
# JetBrains
406406
.idea/
407407
/WriterSharp.sln.DotSettings
408+
409+
# Premium devlogs
410+
/docs/devlogs/premium

‎docs/css/styles.css‎

Lines changed: 160 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -72,14 +72,18 @@ html, body {
7272
padding: 0;
7373
}
7474

75+
*::selection {
76+
background-color: var(--primary-color-lighter);
77+
color: var(--bg-white);
78+
}
79+
7580
body {
7681
background-color: var(--bg-white);
7782
font-family: var(--sans-serif);
7883
color: var(--text-dark);
7984
display: flex;
8085
flex-direction: column;
8186
overflow-x: hidden;
82-
min-height: 100vh;
8387
}
8488

8589
header {
@@ -89,6 +93,10 @@ header {
8993
background-color: var(--bg-light);
9094
padding: 16px 24px;
9195
border-bottom: 1px solid var(--border-light);
96+
user-select: none;
97+
-webkit-user-select: none;
98+
-moz-user-select: none;
99+
-ms-user-select: none;
92100
}
93101

94102
h1, h2, h3, h4, h5, h6, p {
@@ -123,6 +131,47 @@ button:hover {
123131
background-color: var(--primary-color-light);
124132
}
125133

134+
blockquote {
135+
font-size: clamp(1rem, 2.5vw, 1.25rem);
136+
font-style: italic;
137+
padding: 1em 1.5em;
138+
margin: 1.5em auto;
139+
border-left: 4px solid var(--primary-color);
140+
background-color: var(--bg-light);
141+
color: var(--text-dark);
142+
max-width: 80%;
143+
line-height: 1.6;
144+
box-shadow: 0 2px 6px rgba(0,0,0,0.05);
145+
border-radius: 6px;
146+
}
147+
148+
blockquote div::before {
149+
content: "“";
150+
font-size: 2.5rem;
151+
line-height: 0;
152+
vertical-align: middle;
153+
color: var(--primary-color-light);
154+
margin-right: 8px;
155+
}
156+
157+
blockquote div::after {
158+
content: "“";
159+
font-size: 2.5rem;
160+
line-height: 0;
161+
vertical-align: middle;
162+
color: var(--primary-color-light);
163+
margin-left: 8px;
164+
}
165+
166+
blockquote footer {
167+
display: block;
168+
font-size: 0.9rem;
169+
font-style: normal;
170+
margin-top: 0.5em;
171+
color: var(--text-medium);
172+
text-align: right;
173+
}
174+
126175
footer {
127176
height: 60px;
128177
background-color: var(--bg-light);
@@ -131,6 +180,19 @@ footer {
131180
align-items: center;
132181
justify-content: center;
133182
text-align: center;
183+
user-select: none;
184+
-webkit-user-select: none;
185+
-moz-user-select: none;
186+
-ms-user-select: none;
187+
}
188+
189+
hr {
190+
border: none;
191+
height: 2px;
192+
background: linear-gradient(to right, transparent, var(--primary-color), transparent);
193+
margin: 2em auto;
194+
max-width: 600px;
195+
opacity: 0.6;
134196
}
135197

136198
nav a {
@@ -168,12 +230,30 @@ main {
168230
}
169231

170232
/* Custom classes and others */
233+
.no-select {
234+
user-select: none;
235+
-webkit-user-select: none;
236+
-moz-user-select: none;
237+
-ms-user-select: none;
238+
}
239+
171240
.container {
172-
flex: 1;
173241
display: flex;
174242
flex-direction: column;
175243
justify-content: space-between;
176-
min-height: 100%;
244+
min-height: 100vh;
245+
}
246+
247+
.text-container {
248+
min-width: 60vw;
249+
max-width: 90%;
250+
align-items: center;
251+
margin: 0 auto;
252+
}
253+
254+
.quote {
255+
font-size: 1.5rem;
256+
font-weight: bold;
177257
}
178258

179259
.title {
@@ -209,6 +289,10 @@ main {
209289
text-align: center;
210290
padding: 40px 20px;
211291
border-radius: 8px;
292+
user-select: none;
293+
-webkit-user-select: none;
294+
-moz-user-select: none;
295+
-ms-user-select: none;
212296
}
213297

214298
.hero.alt-bg2 {
@@ -243,6 +327,10 @@ main {
243327
border: 1px solid var(--border-light);
244328
border-radius: 8px;
245329
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
330+
user-select: none;
331+
-webkit-user-select: none;
332+
-moz-user-select: none;
333+
-ms-user-select: none;
246334
}
247335

248336
.card h2 {
@@ -258,10 +346,43 @@ main {
258346
background-color: var(--bg-gray);
259347
}
260348

349+
p.devlog-tag, .hero p a {
350+
background-color: var(--bg-white);
351+
color: var(--primary-color);
352+
font-weight: 500;
353+
border-radius: 16px;
354+
display: inline-block;
355+
padding: 4px 16px;
356+
margin: 0px;
357+
margin-right: 2px;
358+
}
359+
360+
.hero p a {
361+
color: var(--primary-color-light);
362+
}
363+
364+
.card p.devlog-tag {
365+
background-color: var(--bg-light);
366+
}
367+
368+
.dark-mode .card p.devlog-tag {
369+
background-color: var(--bg-white);
370+
}
371+
372+
#mode-toggle {
373+
background-color: transparent;
374+
color: var(--primary-color-light);
375+
cursor: pointer;
376+
}
377+
261378
.under-construction {
262379
position: relative;
263380
overflow: hidden;
264381
transition: background-color 0.8s ease-out;
382+
user-select: none;
383+
-webkit-user-select: none;
384+
-moz-user-select: none;
385+
-ms-user-select: none;
265386
}
266387

267388
.under-construction.scrolled-in {
@@ -277,7 +398,7 @@ main {
277398

278399
.banner {
279400
position: absolute;
280-
top: 80px;
401+
top: 20px;
281402
left: 50%;
282403
width: calc(100% + 32px);
283404
max-width: none;
@@ -304,6 +425,27 @@ main {
304425
padding: 16px;
305426
}
306427

428+
blockquote {
429+
max-width: 70%;
430+
}
431+
432+
blockquote div:before {
433+
font-size: 1.5rem;
434+
}
435+
436+
blockquote div:after {
437+
font-size: 1.5rem;
438+
}
439+
440+
.quote {
441+
font-size: 1.2rem;
442+
font-weight: 500;
443+
}
444+
445+
hr {
446+
max-width: 50%;
447+
}
448+
307449
nav {
308450
margin-top: 12px;
309451
}
@@ -313,6 +455,20 @@ main {
313455
margin: 8px 12px 0 0;
314456
}
315457

458+
nav a:hover {
459+
display: inline-block;
460+
margin: 8px 12px 0 0;
461+
}
462+
463+
nav a:visited {
464+
display: inline-block;
465+
margin: 8px 12px 0 0;
466+
}
467+
468+
.text-container {
469+
max-width: 95%;
470+
}
471+
316472
.huge-title {
317473
font-size: 2.5rem;
318474
text-align: center;
@@ -336,4 +492,3 @@ main {
336492
font-size: 1.25rem;
337493
}
338494
}
339-

‎docs/devlogs/archive/devlog1.md‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
A New Home for WriterSharp
2+
21-07-2025
3+
1
4+
4
5+
The secret of getting ahead is getting started.
6+
Mark Twain
7+
Announcement
8+
First Devlog
9+
10+
Welcome to the very first WriterSharp devlog - now hosted in WriterSharp's brand new site.
11+
12+
Yep, that's right, everyone! I've officially moved from the _tiny little section on my main site_ to a dedicated site just for WriterSharp. While still a work in progress - very much like the program itself - it allows me to connect, share updates and be transparent with those who are interested - or just curious - in WriterSharp's development and eventual release.
13+
14+
## Plugin API Progress
15+
WriterSharp development this week has been quieter than usual, but progress is still happening behind the scenes.
16+
17+
Specifically, the **plugin API** has been a focus in development, as I'm focused on defining the structure and laying down the foundations. No actual implementation just yet, but having a clean, flexible and maintainable API design is crucial, in my opinion, given the fact it's one of WriterSharp's strengths and one of the aspects that sets it apart from other code editor whose APIs might feel more... confusing.
18+
19+
## So what about the devlogs?
20+
Devlogs like these were an idea that occurred to me in order to keep you in the loop: sometimes, I'll share technical insights
21+
22+
The devlogs were an idea I had to keep people informed about WriterSharp's development. Sometimes I share technical stuff, other times I'll be more vision-focused: what's coming, what's changing, what I'm excited about, what's stressing me out, etc. That's the reason why there are tags at the top of the devlog - that way, you'll know if it interests you _(or not)_.
23+
24+
They're _usually_ **weekly**, but in rare occasions I may write more than 1 devlog per week... or sometimes I may write none, but then again - that's in very rare occasions.
25+
26+
Most of the devlogs _(this one included)_ are **completely free**. However, there will be some paid devlogs as well, as a way to support WriterSharp's development. It's a small but quite meaningful way to help fund a **fully open-source**, free code editor. In a future post, I'll share how to access them.
27+
28+
---
29+
30+
That's it for now! Thank you so much for stopping by and taking your time to read this devlog. If you liked it, consider sharing it around - it would help immensely with letting WriterSharp reach more people.
31+
32+
In the meanwhile, see you on GitHub... or in the next devlog!

‎docs/devlogs/devlog-template‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
<!DOCTYPE html>
2+
3+
<html lang="en">
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>WriterSharp - Devlogs</title>
8+
<link rel="stylesheet" href="../css/styles.css" />
9+
<link rel="icon" type="image/x-icon" href="../assets/favicon.ico">
10+
</head>
11+
<body>
12+
<header>
13+
<div class="title">WriterSharp - Devlogs</div>
14+
<nav>
15+
<a href="../index.html">Home</a>
16+
<a href="#">Download</a>
17+
<a href="#">Plugins</a>
18+
<a href="index.html">Devlogs</a>
19+
<a href="../about.html">About</a>
20+
<button id="mode-toggle"><i class="nf nf-md-theme_light_dark"></i></button>
21+
</nav>
22+
</header>
23+
24+
<main>
25+
<section class="hero alt-bg4">
26+
<h1 class="huge-title">Devlog $(DEVLOGID)</h1>
27+
<p><i class="nf nf-fa-book"></i> $(DEVLOGTITLE)</p>
28+
<p><i class="nf nf-fa-clock"></i> $(DEVLOGDATE)</p>
29+
<p class="devlog-tag"><i class="nf nf-fa-tag"></i> $(DEVLOGTAG1)</p>
30+
<p class="devlog-tag"><i class="nf nf-fa-tag"></i> $(DEVLOGTAG2)</p>
31+
<a href="index.html"><i class="nf nf-fa-arrow-left"></i> Go Back</a>
32+
</section>
33+
34+
<section>
35+
<div>
36+
<blockquote>
37+
<div class="quote">$(DEVLOGQUOTE)</div>
38+
<p class="small-text">- $(DEVLOGQUOTEAUTHOR)</p>
39+
</blockquote>
40+
41+
$(DEVLOG)
42+
</div>
43+
</section>
44+
</main>
45+
46+
<footer>
47+
<p id="footer-copyright">
48+
Copyright <i class="nf nf-fa-copyright"></i> 2025 MF366
49+
</p>
50+
</footer>
51+
52+
<script src="../js/dark-mode.js"></script>
53+
<script src="../js/scroll-animation.js"></script>
54+
</body>
55+
</html>

0 commit comments

Comments
 (0)