catto
/
snotes-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

new versions

This commit is contained in:
catto 2024-11-17 16:44:48 +01:00
parent b9dbba05ce
commit 26c2c8a997
2 changed files with 171 additions and 109 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

119
src/download.html
View File

@ -1,58 +1,87 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head> <meta charset="UTF-8" />
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="output.css" rel="stylesheet" />
<link href="output.css" rel="stylesheet">
<title>Snotes - Download</title> <title>Snotes - Download</title>
</head> </head>
<body class="bg-gradient-to-t from-black to-fuchsia-800 w-full h-full min-h-screen">
<body
class="bg-gradient-to-t from-black to-fuchsia-800 w-full h-full min-h-screen"
>
<nav <nav
class="bg-gradient-to-l from-fuchsia-800/90 to-cyan-600/90 p-4 drop-shadow-lg sticky top-0 z-50 backdrop-blur-sm"> class="bg-gradient-to-l from-fuchsia-800/90 to-cyan-600/90 p-4 drop-shadow-lg sticky top-0 z-50 backdrop-blur-sm"
<ul class="flex justify-center w-full"> >
<li class="ml-6"> <ul class="flex justify-center w-full">
<a href="index.html" class="text-white hover:text-gray-300"><code class="text-xl">SNOTES</code></a> <li class="ml-6">
</li> <a href="index.html" class="text-white hover:text-gray-300"
<li class="mr-6 ml-auto"> ><code class="text-xl">SNOTES</code></a
<a href="download.html" >
class="text-white bg-purple-500 hover:bg-cyan-600 hover:text-white rounded-md px-4 py-2 transition-colors duration-200">DOWNLOAD</a> </li>
</li> <li class="mr-6 ml-auto">
</ul> <a
href="download.html"
class="text-white bg-purple-500 hover:bg-cyan-600 hover:text-white rounded-md px-4 py-2 transition-colors duration-200"
>DOWNLOAD</a
>
</li>
</ul>
</nav> </nav>
<div <div
class="text-4xl font-bold mb-4 text-center bg-gradient-to-r from-purple-300 to-pink-200 text-transparent bg-clip-text mt-10"> class="text-4xl font-bold mb-4 text-center bg-gradient-to-r from-purple-300 to-pink-200 text-transparent bg-clip-text mt-10"
<h1>Download</h1> >
<h1>Download</h1>
</div> </div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-10 mx-10"> <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-10 mx-10">
<div class="bg-cyan-700 p-4 rounded-lg flex flex-col"> <div class="bg-cyan-700 p-4 rounded-lg flex flex-col">
<h2 class="text-white <h2 class="text-white text-2xl font-bold mb-2">Windows</h2>
text-2xl font-bold mb-2">Windows</h2> <p class="text-white mb-2">Download the Windows installer.</p>
<p class="text-white mb-2">Download the Windows installer.</p> <a
<a href="https://git.maidsin.space/catto/snotes-deck/releases/download/v0.0.11/snotes-deck_0.0.11_x64_en-US.msi" href="https://git.maidsin.space/catto/snotes-deck/releases/download/v0.0.15/snotes-deck_0.0.15_x64_en-US.msi"
class="text-white bg-purple-500 hover:bg-cyan-600 hover:text-white rounded-md px-4 py-2 transition-colors duration-200 w-fit">Download</a> class="text-white bg-purple-500 hover:bg-cyan-600 hover:text-white rounded-md px-4 py-2 transition-colors duration-200 w-fit"
</div> >Download</a
<div class="bg-pink-500 p-4 rounded-lg flex flex-col"> >
<h2 class="text-white </div>
text-2xl font-bold mb-2">Linux</h2> <div class="bg-pink-500 p-4 rounded-lg flex flex-col">
<p class="text-white mb-2">Download the Linux installer.</p> <h2 class="text-white text-2xl font-bold mb-2">Linux</h2>
<a href="https://git.maidsin.space/catto/snotes-deck/releases/download/v0.0.11/snotes-deck_0.0.11_amd64.AppImage" <p class="text-white mb-2">Download the Linux installer.</p>
class="text-white bg-purple-500 hover:bg-cyan-600 hover:text-white rounded-md px-4 py-2 transition-colors duration-200 w-fit">Download</a> <a
</div> href="https://git.maidsin.space/catto/snotes-deck/releases/download/v0.0.15/snotes-deck_0.0.15_amd64.AppImage"
<div class="bg-blue-500 p-4 rounded-lg flex flex-col"> class="text-white bg-purple-500 hover:bg-cyan-600 hover:text-white rounded-md px-4 py-2 transition-colors duration-200 w-fit"
<h2 class="text-white >Download</a
text-2xl font-bold mb-2">Mac</h2> >
<p class="text-white mb-2">Download the Mac installer.</p> </div>
<a href="https://git.maidsin.space/catto/snotes-deck/releases/download/v0.0.11/snotes-deck_0.0.11_x64.dmg" <div class="bg-blue-500 p-4 rounded-lg flex flex-col">
class="text-white bg-purple-500 hover:bg-cyan-600 hover:text-white rounded-md px-4 py-2 transition-colors duration-200 w-fit">Download</a> <h2 class="text-white text-2xl font-bold mb-2">Mac</h2>
</div> <p class="text-white mb-2">Download the Mac installer.</p>
<a
href="https://git.maidsin.space/catto/snotes-deck/releases/download/v0.0.15/snotes-deck_0.0.15_aarch64.dmg"
class="text-white bg-purple-500 hover:bg-cyan-600 hover:text-white rounded-md px-4 py-2 transition-colors duration-200 w-fit"
>Download (ARM)</a
>
<a
href="https://git.maidsin.space/catto/snotes-deck/releases/download/v0.0.15/snotes-deck_0.0.15_mac_x64.app.tar.gz"
class="text-white bg-purple-500 hover:bg-cyan-600 hover:text-white rounded-md px-4 py-2 transition-colors duration-200 w-fit mt-5"
>Download (x64)</a
>
</div>
</div> </div>
<footer>
</body> <div class="text-center text-white m-10">
<p>
</html> &copy; 2024 Snotes |
<a
class="hover:text-gray underline"
href="https://git.maidsin.space/catto/snotes-deck/releases"
>More Releases</a
>
</p>
</div>
</footer>
</body>
</html>

161
src/index.html
View File

@ -1,85 +1,118 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<!-- (´･ω･`)? what's this? -->
<!-- (´･ω･`)? what's this? --> <head>
<meta charset="UTF-8" />
<head> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Snotes App" /> <meta property="og:title" content="Snotes App" />
<meta property="og:description" <meta
content="Snotes is a free, simple notes app. Quickly create, paste, tag and search notes. No BS." /> property="og:description"
content="Snotes is a free, simple notes app. Quickly create, paste, tag and search notes. No BS."
/>
<meta property="og:image" content="apple-touch-icon.png" /> <meta property="og:image" content="apple-touch-icon.png" />
<meta property="og:url" content="https://snotes.maidsin.space" /> <meta property="og:url" content="https://snotes.maidsin.space" />
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png" />
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5"> <link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5" />
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff" />
<link href="output.css" rel="stylesheet"> <link href="output.css" rel="stylesheet" />
<title>Snotes</title> <title>Snotes</title>
</head> </head>
<body class="bg-gradient-to-t from-black to-fuchsia-800 w-full h-full min-h-screen">
<body
class="bg-gradient-to-t from-black to-fuchsia-800 w-full h-full min-h-screen"
>
<nav <nav
class="bg-gradient-to-l from-fuchsia-800/90 to-cyan-600/90 p-4 drop-shadow-lg sticky top-0 z-50 backdrop-blur-sm"> class="bg-gradient-to-l from-fuchsia-800/90 to-cyan-600/90 p-4 drop-shadow-lg sticky top-0 z-50 backdrop-blur-sm"
<ul class="flex justify-center w-full"> >
<li class="ml-6"> <ul class="flex justify-center w-full">
<a href="index.html" class="text-white hover:text-gray-300"><code class="text-xl">SNOTES</code></a> <li class="ml-6">
</li> <a href="index.html" class="text-white hover:text-gray-300"
<li class="mr-6 ml-auto"> ><code class="text-xl">SNOTES</code></a
<a href="download.html" >
class="text-white bg-purple-500 hover:bg-cyan-600 hover:text-white rounded-md px-4 py-2 transition-colors duration-200">DOWNLOAD</a> </li>
</li> <li class="mr-6 ml-auto">
</ul> <a
href="./download.html"
class="text-white bg-purple-500 hover:bg-cyan-600 hover:text-white rounded-md px-4 py-2 transition-colors duration-200"
>DOWNLOAD</a
>
</li>
</ul>
</nav> </nav>
<div> <div>
<div class="flex flex-col md:flex-row ml-10 mr-10 mt-20 justify-center items-center"> <div
<div class="w-full md:w-full flex-grow"> class="flex flex-col md:flex-row ml-10 mr-10 mt-20 justify-center items-center"
<img src="screenshot.png" alt="Screenshot of the software" class="drop-shadow-lg"> >
</div> <div class="w-full md:w-full flex-grow">
<div <img
class="w-full md:w-1/2 bg-cyan-600/50 text-white p-8 rounded-lg ml-10 mr-10 mt-10 sm:text-center backdrop-blur-sm drop-shadow-lg"> src="screenshot.png"
<h1 alt="Screenshot of the software"
class="text-4xl font-bold mb-4 text-center bg-gradient-to-r from-purple-300 to-pink-200 text-transparent bg-clip-text"> class="drop-shadow-lg"
Simple Notes</h1> />
<p class="text-lg">Quickly create, paste, tag and search notes. No BS.</p>
</div>
</div> </div>
<div
class="w-full md:w-1/2 bg-cyan-600/50 text-white p-8 rounded-lg ml-10 mr-10 mt-10 sm:text-center backdrop-blur-sm drop-shadow-lg"
>
<h1
class="text-4xl font-bold mb-4 text-center bg-gradient-to-r from-purple-300 to-pink-200 text-transparent bg-clip-text"
>
Simple Notes
</h1>
<p class="text-lg">
Quickly create, paste, tag and search notes. No BS.
</p>
</div>
</div>
</div> </div>
<div class="grid grid-cols-2 gap-4 mt-10 mx-10"> <div class="grid grid-cols-2 gap-4 mt-10 mx-10">
<div class="bg-purple-500 p-4 rounded-lg"> <div class="bg-purple-500 p-4 rounded-lg">
<h2 class="text-white text-2xl font-bold mb-2">Free</h2> <h2 class="text-white text-2xl font-bold mb-2">Free</h2>
<p class="text-white"><code>SNOTES</code> is free software.</p> <p class="text-white"><code>SNOTES</code> is free software.</p>
</div> </div>
<div class="bg-pink-500 p-4 rounded-lg"> <div class="bg-pink-500 p-4 rounded-lg">
<h2 class="text-white text-2xl font-bold mb-2">Simple</h2> <h2 class="text-white text-2xl font-bold mb-2">Simple</h2>
<p class="text-white">Create and manage your notes with a simple and intuitive interface.</p> <p class="text-white">
</div> Create and manage your notes with a simple and intuitive interface.
<div class="bg-blue-500 p-4 rounded-lg"> </p>
<h2 class="text-white text-2xl font-bold mb-2">Fast</h2> </div>
<p class="text-white">Everything from startup to search is lightning fast.</p> <div class="bg-blue-500 p-4 rounded-lg">
</div> <h2 class="text-white text-2xl font-bold mb-2">Fast</h2>
<div class="bg-green-500 p-4 rounded-lg"> <p class="text-white">
<h2 class="text-white text-2xl font-bold mb-2">OCR</h2> Everything from startup to search is lightning fast.
<p class="text-white">Use Optical Character Recognition (OCR) to extract text from image files.</p> </p>
</div> </div>
<div class="bg-yellow-500 p-4 rounded-lg"> <div class="bg-green-500 p-4 rounded-lg">
<h2 class="text-white text-2xl font-bold mb-2">Export</h2> <h2 class="text-white text-2xl font-bold mb-2">OCR</h2>
<p class="text-white">Export your notes in various formats such as TXT or Markdown.</p> <p class="text-white">
</div> Use Optical Character Recognition (OCR) to extract text from image
files.
</p>
</div>
<div class="bg-yellow-500 p-4 rounded-lg">
<h2 class="text-white text-2xl font-bold mb-2">Export</h2>
<p class="text-white">
Export your notes in various formats such as TXT or Markdown.
</p>
</div>
</div> </div>
<footer> <footer>
<div class="bg-black text-white m-10 text-right"> <div class="bg-black text-white m-10 text-right">
<p>&copy; 2024 Snotes | <a class="hover:text-gray underline" <p>
href="https://git.maidsin.space/catto/snotes-deck">Git</a></p> &copy; 2024 Snotes |
</div> <a
class="hover:text-gray underline"
href="https://git.maidsin.space/catto/snotes-deck"
>Git Repo</a
>
</p>
</div>
</footer> </footer>
</body> </body>
</html>
</html>