repos / starfx

commit

1532286

parent

f0349ab

author

Eric Bower

date

2024-07-30 18:26:48 +0000 UTC

docs: content

  1@@ -1,58 +1,50 @@
  2-.sitemap {
  3-  width: 250px;
  4+ul {
  5+  list-style-position: inside;
  6 }
  7 
  8-.post {
  9-  max-width: 700px;
 10+.logo-hdr {
 11+  line-height: 1;
 12+  display: inline-block;
 13+  background-color: #FF79C6;
 14+  background-image: linear-gradient(to right, #FF5555, #FF79C6, #F8F859);
 15+  color: transparent;
 16+  background-clip: text;
 17+  background-size: 100%;
 18+  -webkit-background-clip: text;
 19+  -moz-background-clip: text;
 20+  -webkit-text-fill-color: transparent;
 21+  -moz-text-fill-color: transparent;
 22 }
 23 
 24-.post-container {
 25-  display: flex;
 26-  gap: 1rem;
 27-  flex-direction: row-reverse;
 28+.visited {
 29+  color: var(--visited);
 30 }
 31 
 32-.link-alt-adj,
 33-.link-alt-adj:visited,
 34-.link-alt-adj:visited:hover,
 35-.link-alt-adj:hover {
 36-  color: var(--link-color);
 37-  text-decoration: none;
 38-}
 39-
 40-.link-alt-adj:visited:hover,
 41-.link-alt-adj:hover {
 42-  text-decoration: underline;
 43+.sitemap {
 44+  width: 250px;
 45 }
 46 
 47-.link-alt-hover,
 48-.link-alt-hover:visited,
 49-.link-alt-hover:visited:hover,
 50-.link-alt-hover:hover {
 51-  color: var(--hover);
 52-  text-decoration: none;
 53+.post {
 54+  max-width: 700px;
 55 }
 56 
 57-.link-alt-hover:visited:hover,
 58-.link-alt-hover:hover {
 59-  text-decoration: underline;
 60+.container-xs {
 61+  max-width: 20em;
 62+  width: 100%;
 63 }
 64 
 65-.link-alt,
 66-.link-alt:visited,
 67-.link-alt:visited:hover,
 68-.link-alt:hover {
 69-  color: var(--white);
 70-  text-decoration: none;
 71+.post-container {
 72+  display: flex;
 73+  gap: 1rem;
 74+  flex-direction: row-reverse;
 75 }
 76 
 77-.link-alt:visited:hover,
 78-.link-alt:hover {
 79-  text-decoration: underline;
 80+.hero {
 81+  padding: 5rem 0 0 0;
 82 }
 83 
 84-.hero {
 85-  padding: 5rem 0;
 86+.home-features pre {
 87+  margin: 0;
 88 }
 89 
 90 .features {
 91@@ -69,32 +61,6 @@
 92   padding: 1rem;
 93 }
 94 
 95-.text-hdr {
 96-  color: var(--hover);
 97-}
 98-
 99-.text-underline-hdr {
100-  border-bottom: 3px solid var(--hover);
101-  padding-bottom: 3px;
102-}
103-
104-.toc ul, ol {
105-  list-style: none;
106-  padding: 0 0 0 0.5rem;
107-}
108-
109-.toc li {
110-  margin: 0 0 0.15rem 0;
111-}
112-
113-.toc li:first-child {
114-  margin-top: 0;
115-}
116-
117-.toc a {
118-  color: var(--grey-light);
119-}
120-
121 .current {
122   background-color: var(--blockquote-bg) !important;
123   border-right: 5px solid var(--blockquote);
124@@ -112,6 +78,12 @@
125   min-width: 150px;
126 }
127 
128+.sitemap-grid {
129+  display: grid;
130+  grid-template-columns: repeat(2, 1fr);
131+  gap: 1rem;
132+}
133+
134 .sidebar-list {
135   padding: 0 0 0 1rem;
136 }
137@@ -122,7 +94,7 @@
138 
139 @media only screen and (max-width: 800px) {
140   body {
141-    padding: 0 1rem;
142+    padding: 0 0.75rem;
143   }
144 
145   header {
146@@ -134,11 +106,20 @@
147   }
148 
149   .sitemap {
150+    text-align: center;
151     -moz-column-count: 2;
152     column-count: 2;
153     width: 100%;
154   }
155 
156+  .sitemap-grid {
157+    grid-template-columns: repeat(1, 1fr);
158+  }
159+
160+  .mk-nav {
161+    padding: 1rem 0;
162+  }
163+
164   .sidebar-list {
165     padding: 0 0 0 0.6rem;
166     margin: 0;

 1@@ -6,8 +6,8 @@
 2     <meta charset='utf-8'>
 3     <meta name="viewport" content="width=device-width, initial-scale=1" />
 4     <meta name="keywords" content="ngrok, sish, ssh, tunnel, self-hosted" />
 5-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
 6-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
 7+    <link href="/logo.svg" rel="icon" type="image/svg+xml"/>
 8+    <link href="/logo.png" rel="icon" sizes="any" type="image/png"/>
 9     <link rel="stylesheet" href="https://pico.sh/syntax.css" />
10     <link rel="stylesheet" href="https://pico.sh/smol.css" />
11     <link rel="stylesheet" href="/main.css" />

 1@@ -15,7 +15,10 @@
 2   <div class="flex flex-col gap-2">
 3     <div class="flex items-center justify-center hero">
 4       <div class="flex flex-col items-center gap-2">
 5-        <h1 class="logo-header text-2xl">starfx</h1>
 6+        <div class="group-h items-center">
 7+          <img src="/logo.svg" alt="starfx logo" style="width: 50px;" />
 8+          <h1 class="text-2xl p-0 logo-hdr">starfx</h1>
 9+        </div>
10         <div class="text-center text-lg">A micro-mvc framework for react apps.</div>
11         <a href="/getting-started" class="btn-link">GET STARTED</a>
12       </div>
13@@ -40,7 +43,7 @@
14         <h3 class="m-0 p-0 text-lg">
15           Task tree side-effect system
16         </h3>
17-        <p>A robust system for handling complex business logic</p>
18+        <p>A robust system for handling complex business logic using structured concurrency</p>
19       </div>
20 
21       <div class="box">

 1@@ -3,10 +3,10 @@
 2 {{define "title"}}{{.Data.Title}}{{end}}
 3 
 4 {{define "meta"}}
 5-<meta name="description" content="{{.Data.Description}}">
 6+<meta name="description" content="{{.Data.Description}}" />
 7 {{end}}
 8 
 9-{{define "attrs"}}class="container-sm"{{end}}
10+{{define "attrs"}}class="container"{{end}}
11 
12 {{define "body"}}
13 {{template "nav" .}}
14@@ -18,6 +18,8 @@
15   <hr />
16 
17   {{template "toc" .}}
18+
19+  <hr />
20 </main>
21 
22 {{template "footer" .}}

 1@@ -3,11 +3,21 @@
 2 {{range .Sitemap.Children -}}
 3   {{if .Children}}
 4   <div class="box my">
 5-    <h2 class="text-xl text-underline inline-block">{{.Text}}</h2>
 6+      {{if .GenHref}}
 7+        <h2 class="text-xl inline-block">
 8+          <a href="{{.GenHref}}">{{.Text}}</a>
 9+        </h2>
10+      {{else}}
11+        <h2 class="text-xl text-underline inline-block">
12+          {{.Text}}
13+        </h2>
14+      {{end}}
15+    </h2>
16     <ul class="list-none" style="padding-left: 0;">
17     {{range .Children -}}
18       <li>
19         <a href="{{.GenHref}}">{{.Text}}</a>
20+
21         <ul class="list-disc" style="padding-left: 2rem;">
22         {{range .Children}}
23           <li>