linesofcodes/litewriter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Forgotten License file, Logo, PWA, Slightly Improve Accessibility

Browse Source
This commit is contained in:
Satakun Utama
2025-09-08 18:38:02 +07:00
parent 1f7e1825ba
commit c1afb7e9e8
15 changed files with 910 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app.html
+13 -9
View File
@@ -1,11 +1,15 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div>
</body>
</html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="manifest" href="manifest.webmanifest" />
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div>
</body>
</html>
src/lib/assets/litewriter_logo_pathtext.svg
+38
View File
@@ -0,0 +1,38 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="512"
height="512"
viewBox="0 0 135.46667 135.46667"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1">
<rect
style="fill:#020618;fill-opacity:1;stroke:none;stroke-width:0.264583"
id="rect1"
width="135.46666"
height="135.46666"
x="3.5603841e-06"
y="3.5603841e-06"
ry="5" />
<g
id="text1"
style="font-weight:500;font-size:95.9556px;font-family:Lato;-inkscape-font-specification:'Lato, Medium';letter-spacing:-0.264583px;fill:#020618;stroke:#d81414;stroke-width:0.264583"
aria-label="#|">
<path
style="font-weight:bold;font-family:Inter;-inkscape-font-specification:'Inter Medium';fill:#b3b3b3;stroke:none"
d="M 55.867875,102.51041 58.725928,85.034119 H 44.857345 L 41.999293,102.51041 H 31.36359 l 2.858052,-17.476291 h -9.651784 l 1.82728,-10.58885 h 9.558077 l 2.248959,-13.634316 h -9.60493 L 30.37967,50.175249 h 9.558077 L 42.795799,32.698961 H 53.431503 L 50.57345,50.175249 h 13.915436 l 2.858052,-17.476288 h 10.635704 l -2.858053,17.476288 h 9.604931 l -1.780426,10.635704 h -9.604931 l -2.202106,13.634316 h 9.604931 l -1.82728,10.58885 H 69.361631 L 66.503579,102.51041 Z M 46.590918,74.445269 H 60.459501 L 62.70846,60.810953 H 48.839878 Z"
id="path5" />
<path
style="font-weight:bold;font-family:Inter;-inkscape-font-specification:'Inter Medium';fill:#ffffff;stroke:none"
d="M 110,10.209368 V 125 H 96.693654 V 10.209368 Z"
id="path6" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

src/routes/+layout.svelte
+1 -1
View File
@@ -1,6 +1,6 @@
<script lang="ts">
import '../app.css';
import favicon from '$lib/assets/favicon.svg';
import favicon from '$lib/assets/litewriter_logo_pathtext.svg';
let { children } = $props();
</script>
src/routes/+page.svelte
+18 -3
View File
@@ -1,14 +1,14 @@
<script lang="ts">
import { Decoration, MatchDecorator, ViewPlugin, EditorView } from '@codemirror/view';
import { markdown } from '@codemirror/lang-markdown';
import CodeMirror from 'svelte-codemirror-editor';
import '../css/codemirror.css';
import { Decoration, MatchDecorator, ViewPlugin } from '@codemirror/view';
import type { PageTheme } from '$lib/themes/theme';
import { dracula } from '$lib/themes/dracula';
import { enhance } from '$app/forms';
import { onMount } from 'svelte';
import MenuButton from '$lib/components/MenuButton.svelte';
import ExportDialog from '$lib/components/ExportDialog.svelte';
import '../css/codemirror.css';
let { data } = $props();
@@ -179,8 +179,17 @@
altPressed = false;
}
}
const ariaAttribute = EditorView.contentAttributes.of({
'aria-label': 'The Markdown editor'
});
</script>
<svelte:head>
<meta name="description" content="A Markdown editor with a powerful exporter." />
<title>litewriter</title>
</svelte:head>
<svelte:body onkeydown={keyDownListener} onkeyup={keyUpListener} />
<header class="p-4 flex justify-between bg-theme-darker">
@@ -260,6 +269,7 @@
name="theme"
id="themeSelector"
class="generic-select"
title="Theme"
>
<option value="Default">Default (Light)</option>
<option value="Dracula">Dracula</option>
@@ -269,4 +279,9 @@
<ExportDialog bind:this={exportDialog} {content} />
<CodeMirror bind:value={content} theme={cmTheme} lang={markdown()} extensions={[headingPlugin]} />
<CodeMirror
bind:value={content}
theme={cmTheme}
lang={markdown()}
extensions={[headingPlugin, ariaAttribute]}
/>