Skip to content

Commit 4678110

Browse files
committed
Added more site content
1 parent 6d1ecf3 commit 4678110

File tree

7 files changed

+58
-19
lines changed

7 files changed

+58
-19
lines changed

docs/about.html

Lines changed: 13 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -32,28 +32,36 @@ <h1 class="huge-title">About WriterSharp</h1>
3232
<div class="grid">
3333
<div class="card">
3434
<h2><i class="nf nf-fa-user"></i> Created by MF366...</h2>
35-
<p>WriterSharp was created entirely by Matthew (MF366), using C# and Avalonia.</p>
35+
<p>WriterSharp was created entirely by Matthew (MF366), built from the ground up using C# and Avalonia. The vision behind the project was simple: create a fast, extensible editor that respects users and provides them with the tools they actually need. Every line of code reflects that philosophy.</p>
3636
<a href="https://mf366-coding.github.io/">Learn More <i class="nf nf-fa-arrow_right"></i></a>
3737
</div>
3838
<div class="card">
3939
<h2><i class="nf nf-fa-group"></i> ...for everyone.</h2>
40-
<p>WriterSharp is free and open-source. Anyone can contribute to it and anyone can use it.</p>
40+
<p>WriterSharp is free and open-source, meaning anyone can use it without restrictions and anyone can contribute to its development. Whether you're a beginner just learning to code or a professional developer, WriterSharp is designed to grow with you, adapting to your workflow through plugins and community-driven features.</p>
4141
<a href="https://opensource.com/resources/what-open-source/">Learn More <i class="nf nf-fa-arrow_right"></i></a>
4242
</div>
4343
<div class="card">
4444
<h2><i class="nf nf-fa-heart heart-icon"></i> Supporting open-source is noble!</h2>
45-
<p>You can now support WriterSharp's development on my official Buy Me A Coffee. It would mean so much to me, and it'd allow me to focus on WriterSharp's development and eventual release. To support me, just click the button below - you'll be taken directly to the site, where you may choose to support me as a one-time thing or even monthly/yearly. The latter will give you access to my premium devlogs, tech demos and work in progress updates.</p>
45+
<p>WriterSharp is a labor of love, developed in spare time with no corporate funding. If you'd like to support its growth, you can contribute through Buy Me A Coffee. Your support helps keep the project alive and ensures future updates. Contributors get access to exclusive perks like premium devlogs, sneak peeks of new features, and behind-the-scenes progress updates.</p>
4646
<a href="https://buymeacoffee.com/mf366">Learn More <i class="nf nf-fa-arrow_right"></i></a>
4747
</div>
4848
</div>
4949
<div class="grid">
5050
<div class="card">
5151
<h2><i class="nf nf-md-puzzle"></i> Extensibility is key...</h2>
52-
<p>WriterSharp has a powerful plugin API that lets developers extend WriterSharp in ways that one might not think are possible.</p>
52+
<p>WriterSharp has a powerful plugin API that enables developers to extend the editor far beyond its core. Whether you want to add a language pack, integrate external tools, or design entirely new workflows, WriterSharp gives you the flexibility to make it happen. The API was designed to be straightforward yet capable of supporting complex use cases.</p>
5353
</div>
5454
<div class="card">
5555
<h2><i class="nf nf-fa-paintbrush"></i> ...and so is innovation.</h2>
56-
<p>WriterSharp reimagines code editing, by being one of the few code editors to actually come with a bundled "Designer" which plugins can use in whichever way they want: from simple Markdown previews to straight-up real-time UI designing or even image editing. This way, plugin developers don't need to create their own "Designer" panels - they simply push changes to the existing one.</p>
56+
<p>WriterSharp reimagines what a code editor can do. Unlike most editors, it ships with a built-in “Designer” system that plugins can tap into. This shared space can be used for anything from Markdown previews to real-time UI building - even image editing. By reusing a common Designer panel, plugin creators can innovate freely without reinventing the wheel, leading to a more unified and powerful experience.</p>
57+
</div>
58+
<div class="card">
59+
<h2><i class="nf nf-fa-magnifying_glass"></i> Powered by AnaSense</h2>
60+
<p>WriterSharp integrates with <strong>AnaSense</strong>, an upcoming open-source technology designed to analyze buffers and improve performance-critical tasks. AnaSense ensures fast, efficient handling of large projects and gives developers deeper insights into their work without compromising privacy or security.</p>
61+
</div>
62+
<div class="card">
63+
<h2><i class="nf nf-cod-debug"></i> Debugging made simple</h2>
64+
<p>WriterSharp features a built-in debugger that helps developers track down issues quickly. It supports static line breakpoints, dynamic exception-based triggers, variable inspection, and expression evaluation. While lightweight, it's designed to be practical and reliable, making debugging feel like a natural part of your workflow.</p>
5765
</div>
5866
</div>
5967
</section>
291 KB
Loading

docs/assets/img/logo.png

281 KB
Loading

docs/assets/img/transp.png

166 KB
Loading

docs/css/styles.css

Lines changed: 20 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -99,6 +99,7 @@ header {
9999

100100
h1, h2, h3, h4, h5, h6, p {
101101
color: var(--text-dark);
102+
flex-basis: 100%;
102103
}
103104

104105
a {
@@ -233,6 +234,15 @@ main {
233234
}
234235

235236
/* Custom classes and others */
237+
img.hover-hue-img {
238+
filter: hue-rotate(100deg) blur(5px) brightness(0.5);
239+
transition: filter 0.8s ease-in-out;
240+
}
241+
242+
img.hover-hue-img:hover {
243+
filter: hue-rotate(0deg) blur(0px) brightness(1);
244+
}
245+
236246
.no-select {
237247
user-select: none;
238248
-webkit-user-select: none;
@@ -349,10 +359,18 @@ main {
349359
-ms-user-select: none;
350360
}
351361

352-
.card h2 {
362+
.card h1, .card h2, .card h3, .card h4, .card h5, .card h6 {
353363
margin-top: 0;
354364
}
355365

366+
.card.full-img-card {
367+
padding: 0;
368+
}
369+
370+
.card.full-img-card img {
371+
border-radius: 8px;
372+
}
373+
356374
#footer-copyright, .small-text {
357375
color: var(--text-medium);
358376
font-size: 0.875rem;
@@ -429,7 +447,7 @@ p.devlog-tag, .hero p a {
429447
.banner {
430448
position: absolute;
431449
top: 20px;
432-
left: 50%;
450+
left: 100%;
433451
width: calc(100% + 32px);
434452
max-width: none;
435453
padding-top: 20px;

docs/index.html

Lines changed: 24 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -26,52 +26,65 @@
2626
<h1 class="huge-title">WriterSharp</h1>
2727
<p><i class="nf nf-fa-clock"></i> Time until v0.0.1-alpha:</p>
2828
<div id="timer">Loading...</div>
29+
<p>WriterSharp is a code editor designed to be lightweight, fast, and intuitive, giving you the power to focus entirely on your coding without distractions.</p>
30+
<p>With a modern interface and thoughtful features, every keystroke counts.</p>
2931
</section>
3032

3133
<section>
3234
<h2 class="section-heading">Why use WriterSharp?</h2>
3335
<div class="grid">
3436
<div class="card">
3537
<h2><i class="nf nf-md-open_source_initiative"></i> Open-Source</h2>
36-
<p>Unlike most code editors out there, WriterSharp is fully open-source and licensed under the permissive MIT License.</p>
38+
<p>One huge problem code editors sometimes carry is that they're not open-source and, even if they are, they're usually backed by a big corporate, causing you to be at the mercy of said corporate's decision. Unlike most code editors out there, WriterSharp is fully open-source and licensed under the permissive MIT License. Everyone can inspect the code, contribute improvements, or adapt it for their own workflows. Transparency and community-driven development are at the heart of WriterSharp.</p>
3739
</div>
3840
<div class="card">
3941
<h2><i class="nf nf-fa-eye_slash"></i> Privacy-focused</h2>
40-
<p>WriterSharp is fully telemetry-free, being fully private.</p>
42+
<p>WriterSharp is fully telemetry-free*, meaning your data never leaves your device. Write, debug, and explore features without worrying about hidden tracking or corporate surveillance. Your privacy is always protected.</p>
43+
<p class="small-text">*Some third-party plugins may collect data. WriterSharp cannot control this, so please exercise caution when installing extensions.</p>
4144
</div>
4245
<div class="card">
4346
<h2><i class="nf nf-fa-desktop"></i> Cross-platform</h2>
44-
<p>WriterSharp is cross-platform, running on Windows, Linux and MacOS.*</p>
47+
<p>WriterSharp runs smoothly on Windows, Linux, and MacOS, providing a consistent experience regardless of your system. Whether you're at home, on a laptop, or a development workstation, WriterSharp adapts seamlessly.</p>
4548
<p class="small-text">*WriterSharp on MacOS is currently untested.</p>
4649
</div>
4750
<div class="card">
4851
<h2><i class="nf nf-md-puzzle"></i> Extensible</h2>
49-
<p>WriterSharp's plugin API is designed to learn from the mistakes of most text editors, making WriterSharp extremely extensible.</p>
52+
<p>WriterSharp's plugin API allows you to extend and customize your environment. Add new features, tweak the interface, or integrate external tools. The API is designed to be future-proof, with flexibility and performance in mind, empowering power users to create a truly personalized experience.</p>
53+
</div>
54+
<div class="card">
55+
<h2><i class="nf nf-fa-magnifying_glass"></i> AnaSense Integration</h2>
56+
<p>WriterSharp has a native integration with AnaSense, an upcoming technology made by me to analyze buffers in real-time. This enables smarter data processing and deeper insight into your projects.</p>
57+
<p>AnaSense is, like WriterSharp, fully open-source and privacy-focused, ensuring high performance without compromising user trust or security.</p>
58+
</div>
59+
<div class="card">
60+
<h2><i class="nf nf-cod-debug"></i> Debugger</h2>
61+
<p>WriterSharp includes a simple yet robust debugging experience. You can set static line breakpoints, dynamic triggers for exceptions, inspect variables, evaluate expressions, and monitor runtime behavior. It's designed to make debugging code efficient, even for complex projects.</p>
5062
</div>
5163
</div>
5264

5365
<h2 class="section-heading">The Development Journey of WriterSharp</h2>
5466
<div class="grid">
5567
<div class="card">
5668
<h2><i class="nf nf-fa-book"></i> Devlogs</h2>
57-
<p>Read the latest devlogs, where I talk about what's going on with WriterSharp.</p>
69+
<p>Follow the development journey with devlogs that provide detailed insights into updates, challenges, and new features. Learn the thought process behind every change and see WriterSharp evolve over time.</p>
5870
<a href="devlogs/index.html">Learn More <i class="nf nf-fa-arrow_right"></i></a>
5971
</div>
6072
<div class="card">
6173
<h2><i class="nf nf-fa-github"></i> GitHub Repository</h2>
62-
<p>Check out the latest commits to the <code>v0.0.1-alpha-dev</code> branch.</p>
74+
<p>Check out the latest commits to the <code>v0.0.1-alpha-dev</code> branch and explore how WriterSharp is built. Contribute, report issues, or simply observe the progress as features take shape.</p>
6375
<a href="https://github.com/MF366-Coding/WriterSharp/tree/v0.0.1-alpha-dev/">Learn More <i class="nf nf-fa-arrow_right"></i></a>
6476
</div>
6577
<div class="card under-construction">
6678
<div class="banner"><i class="nf nf-oct-no_entry"></i> Coming Soon</div>
6779
<h2><i class="nf nf-fa-discord"></i> Discord Server</h2>
68-
<p>While there isn't an official Discord server strictly for WriterSharp, OceanApocalypseStudios's server contains a section to discuss projects made by me, of which WriterSharp is one.</p>
80+
<p>While there isn't an official Discord server strictly for WriterSharp yet, you can join OceanApocalypseStudios's community server. Discuss WriterSharp, share ideas, troubleshoot issues, and meet other enthusiasts passionate about development tools.</p>
6981
<a href="#">Learn More <i class="nf nf-fa-arrow_right"></i></a>
7082
</div>
7183
<div class="card">
72-
<h2><i class="nf nf-fa-youtube"></i> YouTube Channel</h2>
73-
<p>A bit of a long shot, as I usually keep my YouTube channel for other things, such as gaming, but if there's a big WriterSharp update, I might announce it there.</p>
74-
<a href="https://www.youtube.com/@mf_366/">Learn More <i class="nf nf-fa-arrow_right"></i></a>
84+
<h2><i class="nf nf-fa-youtube"></i> YouTube Channel and Twitch</h2>
85+
<p>Occasionally, WriterSharp updates or development demos may appear on my YouTube channel. Expect tutorials, sneak peeks, and overviews of major features as the project matures. I also sometimes stream development content to my Twitch channel.</p>
86+
<a href="https://www.youtube.com/@mf_366/">YouTube <i class="nf nf-fa-youtube"></i></a><br/>
87+
<a href="https://www.twitch.tv/real_mf366/">Twitch <i class="nf nf-fa-twitch"></i></a>
7588
</div>
7689
</div>
7790

@@ -85,7 +98,7 @@ <h2><i class="nf nf-cod-copilot"></i> AI Integration in WriterSharp... or not?</
8598
</div>
8699
<div class="card">
87100
<h2><i class="nf nf-fa-heart heart-icon"></i> My page on Buy Me A Coffee</h2>
88-
<p>You can now support WriterSharp's development on my official Buy Me A Coffee. It would mean so much to me and it'd allow me to focus on WriterSharp's development and eventual release. To support me, just click the button below - you'll be taken directly to the site, where you may choose to support me as a one-time thing or even monthly/yearly. The latter will give you access to my premium devlogs, tech demos and work in progress updates.</p>
101+
<p>You can support WriterSharp's development through Buy Me A Coffee. Your contributions help fund updates, feature development, and stability improvements, allowing me to focus on delivering the best possible experience. Supporters also gain early access to devlogs, tech demos, and exclusive previews of upcoming features. Every contribution, big or small, directly impacts WriterSharp's progress.</p>
89102
<a href="https://buymeacoffee.com/mf366">Learn More <i class="nf nf-fa-arrow_right"></i></a>
90103
</div>
91104
<div class="card">

docs/js/countdown.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/* Page Countdown */
22
document.addEventListener('DOMContentLoaded', () => {
33
const timer = document.getElementById('timer');
4-
const releaseDate = new Date('2026-06-12T00:00:00'); // target date right here bud
4+
const releaseDate = new Date('2026-12-31T00:00:00'); // target date right here bud
55

66
function updateCountdown() {
77
const now = new Date(); // new Date("wtf")

0 commit comments

Comments
 (0)