Icons and descriptions

This commit is contained in:
2026-01-06 21:43:06 +01:00
parent 9d5118f973
commit f1146ecdcb
4 changed files with 46 additions and 3 deletions

1
icon.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#fafafa"><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"/></svg>

After

Width:  |  Height:  |  Size: 282 B

BIN
ui/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 103 KiB

BIN
ui/icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

View File

@@ -5,6 +5,18 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Kreatyw</title> <title>Kreatyw</title>
<link rel="stylesheet" href="/ui/style.css" /> <link rel="stylesheet" href="/ui/style.css" />
<link rel="icon" type="image/x-icon" href="/ui/favicon.ico" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Kreatyw" />
<meta property="og:description" content="" />
<meta property="og:image" content="/ui/icon.png" />
<meta name="theme-color" content="#fafafa" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Kreatyw" />
<meta name="twitter:image" content="/ui/icon.png" />
</head> </head>
<body> <body>
<div class="mobile-header"> <div class="mobile-header">
@@ -24,7 +36,21 @@
<h1 class="brand">Kreatyw</h1> <h1 class="brand">Kreatyw</h1>
</div> </div>
<button id="sidebar-toggle" class="btn-icon"> <button id="sidebar-toggle" class="btn-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg> <svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<line x1="3" y1="12" x2="21" y2="12"></line>
<line x1="3" y1="6" x2="21" y2="6"></line>
<line x1="3" y1="18" x2="21" y2="18"></line>
</svg>
</button> </button>
</div> </div>
<div class="app-layout"> <div class="app-layout">
@@ -120,8 +146,24 @@
autofocus autofocus
placeholder="Start writing something poetic..." placeholder="Start writing something poetic..."
></textarea> ></textarea>
<button id="accept-suggestion-btn" class="btn-floating" title="Accept Suggestion"> <button
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> id="accept-suggestion-btn"
class="btn-floating"
title="Accept Suggestion"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</button> </button>
</div> </div>
</div> </div>