BuboBubo/topos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

progressively better

Browse Source
This commit is contained in:
Raphaël Forment
2023-08-20 18:34:22 +02:00
parent e600f65ceb
commit b4fd041470
2 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
index.html
View File

@ -74,10 +74,10 @@
<div id="documentation" class="hidden"> <div id="documentation" class="hidden">
<div id="documentation-page" class="flex flex-row"> <div id="documentation-page" class="flex flex-row">
<aside class="h-screen w-50 p-8 h-100 bg-neutral-900 text-white"> <aside class="h-screen w-50 p-1 lg:p-8 h-100 bg-neutral-900 text-white">
<nav class="space-y-8 text-xl"> <nav class="space-y-8 text-xl sm:text-lg">
<div class="space-y-2"> <div class="space-y-2">
<h2 class="font-semibold dark:text-gray-400">Basics</h2> <h2 class="font-semibold text-gray-400">Basics</h2>
<div class="flex flex-col"> <div class="flex flex-col">
<p rel="noopener noreferrer" id="docs_introduction" class="pl-2 pr-2 text-xl hover:bg-neutral-800 py-1 my-1 rounded-lg">Introduction </p> <p rel="noopener noreferrer" id="docs_introduction" class="pl-2 pr-2 text-xl hover:bg-neutral-800 py-1 my-1 rounded-lg">Introduction </p>
<p rel="noopener noreferrer" id="docs_interface" class="pl-2 pr-2 text-xl hover:bg-neutral-800 py-1 my-1 rounded-lg">Interface</p> <p rel="noopener noreferrer" id="docs_interface" class="pl-2 pr-2 text-xl hover:bg-neutral-800 py-1 my-1 rounded-lg">Interface</p>
@ -98,7 +98,7 @@
</div> </div>
</nav> </nav>
</aside> </aside>
<div id="documentation-content" class="h-screen mx-16 my-8 break-words overflow-y-scroll pb-32"> <div id="documentation-content" class="h-screen lg:mx-16 mx-2 lg:my-8 my-2 break-words overflow-y-scroll pb-32">
</div> </div>
</div> </div>
</div> </div>

10
src/main.ts
View File

@ -28,12 +28,12 @@ import showdown from "showdown";
showdown.setFlavor("github"); showdown.setFlavor("github");
import showdownHighlight from "showdown-highlight"; import showdownHighlight from "showdown-highlight";
const classMap = { const classMap = {
h1: "text-white text-4xl ml-4 mx-4 my-4 mb-8 bg-neutral-900 rounded-lg py-2 px-2", h1: "text-white lg:text-4xl text-xl lg:ml-4 sml-2 lg:mx-4 mx-2 lg:my-4 my-2 lg:mb-8 mb-4 bg-neutral-900 rounded-lg py-2 px-2",
h2: "text-white text-3xl mx-4 my-4 mt-12 mb-6 bg-neutral-900 rounded-lg py-2 px-2", h2: "text-white lg:text-3xl text-lg mx-4 mx-2 lg:my-4 my-2 lg:mt-12 mb-2 mb-6 bg-neutral-900 rounded-lg py-2 px-2",
ul: "text-underline", ul: "text-underline",
li: "ml-12 list-disc text-2xl text-white mx-4 my-4 leading-normal", li: "ml-12 list-disc text-2xl sm:text-base text-white mx-4 my-4 leading-normal",
p: "text-2xl text-white mx-4 my-4 leading-normal", p: "text-2xl sm:text-base text-white mx-4 my-4 leading-normal",
a: "text-2xl text-orange-300", a: "text-2xl sm:text-base text-orange-300",
code: "my-4 block whitespace-pre overflow-x-scroll", code: "my-4 block whitespace-pre overflow-x-scroll",
icode: "my-4 text-white font-mono bg-neutral-600", icode: "my-4 text-white font-mono bg-neutral-600",
blockquote: "text-neutral-200 border-l-4 border-neutral-500 pl-4 my-4 mx-4", blockquote: "text-neutral-200 border-l-4 border-neutral-500 pl-4 my-4 mx-4",