diff options
Diffstat (limited to 'projects/msg.html')
| -rw-r--r-- | projects/msg.html | 173 |
1 files changed, 173 insertions, 0 deletions
diff --git a/projects/msg.html b/projects/msg.html new file mode 100644 index 0000000..3b30c62 --- /dev/null +++ b/projects/msg.html @@ -0,0 +1,173 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <meta name="description" content="RAGHURAM SUBRAMANI ~ COMPROMYSE | Hacker & Programmer"> + + <title>MSG | COMPROMYSE</title> + + <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png"> + <link rel="manifest" href="/assets/favicon/site.webmanifest"> + + <link href="/assets/stylesheet.css" rel="stylesheet" /> + + <link rel="preconnect" href="https://fonts.googleapis.com"> + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> + <link href="https://fonts.googleapis.com/css2?family=Jersey+15&display=swap" rel="stylesheet"> + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/base16/ashes.min.css" defer> + <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js"></script> + <script defer>hljs.highlightAll();</script> + + </head> + <body class="bg-zinc-900 text-pink-300 font-['Jersey_15'] selection:text-pink-900 selection:bg-pink-100 lg:text-xl"> + <div class="min-h-screen flex flex-col"> + + <nav class="w-full mx-auto mt-10"> + <div class="flex flex-wrap items-center px-10 gap-4 text-center text-lg lg:text-2xl"> + + <a href="/" class="cursor-pointer font-bold hover:underline justify-center button"> + COMPROMYSE + </a> + + <div class="flex items-center gap-4 flex-wrap justify-center md:justify-left"> + <a href="/projects" class="hover:underline"> + [ PROJECTS ] + </a> + + </div> + + </div> +</nav> + + + <div class="flex flex-grow flex-col py-8 px-14 items-center"> + + <div class="text-center flex flex-col gap-4 w-full max-w-100"> + <h1 class="text-5xl font-semibold">MSG</h1> + <div> + <h4 class="text-xl">An incredibly opinionated, hackable, minimal Static Site Generator.</h4> + <h6 class="text-center text-sm border-t-4 mt-2 py-1">C</h6> + </div> + + <a href="https://github.com/compromyse/msg" target="_blank" class="button">SOURCE</a> + </div> + + <div class="prose md:prose-lg lg:prose-2xl prose-pink prose-invert w-full max-w-256 pt-12"> + <p>See <a href="https://github.com/compromyse/compromyse.xyz">github.com/compromyse/compromyse.xyz</a> for an example site.</p> + +<h3>Compilation & Usage</h3> + +<p><pre><code class="sh"># REQUIREMENTS: CMake, Git, GCC/Clang, GNUMake/Ninja +$ git clone https://github.com/compromyse/msg +$ mkdir build && cd build +$ cmake .. +$ make # or ninja +$ ./msg -h +msg: The Minimal Static Site Generator + +Usage: ./msg [-h] [-w] [-v] [-o <output>] <directory> + -h : Help + -w : Watch working directory for changes + -v : Verbose + -o <output>: Output directory + <directory>: Working directory +</code></pre> +</p> + +<h3>Site Structure</h3> + +<p><pre><code class="sh">. +├── assets +│ └── me.webp +├── config.cfg +├── index.html +├── partials +│ ├── footer.html +│ ├── navbar.html +├── projects.html +└── templates + └── base.html +</code></pre> +</p> + +<h3>Features</h3> + +<h4>Includes - include files from <code>/partials</code></h4> + +<p><pre><code class="html"><!-- index.html --> +<html> + <body> + {{ include "navbar.html" }} + ... + </body> +</html> +</code></pre> +</p> + +<h4>Contentfor - define content for templates</h4> + +<p><pre><code class="html"><!-- templates/base.html --> +<html> + <head> + {{ content "head" }} + </head> + <body> + {{ body }} + </body> +</html> + +<!-- index.html --> +{{ contentfor "head" }} +<title>HOME</title> +{{ endcontent }} + +<p>...</p> +</code></pre> +</p> + +<h4>Eachdo - iterate over resources</h4> + +<p><pre><code class="html"><!-- projects/xyz.html --> +title = XYZ +--- + +<h1>XYZ!</h1> + +<!-- index.html --> +{{ eachdo resources.projects }} +<p>{{ put title }}</p> +{{ endeachdo }} +</code></pre> +</p> + +<h4>Template - specify template for page</h4> + +<p><pre><code class="html"><!-- projects/xyz.html --> +template = base_tailwind.html +--- + +<h1 class="p-2">XYZ!</h1> +</code></pre> +</p> + + </div> + + </div> + <footer class="w-full pb-4 pt-12 px-8 text-sm md:text-lg"> + <div class="text-center"> + <p>The Quieter You Become, The More You Are Able To Hear.</p> + </div> +</footer> + + + </div> + </body> +</html> + + |