diff --git a/.gitignore b/.gitignore
index b6a92d9..cc6347c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,8 @@
.direnv/
+_site
+_cache
+
dist
dist-*
cabal-dev
diff --git a/app/site.hs b/app/site.hs
deleted file mode 100644
index 2f63947..0000000
--- a/app/site.hs
+++ /dev/null
@@ -1,219 +0,0 @@
---------------------------------------------------------------------------------
-{-# LANGUAGE OverloadedStrings #-}
-{-# LANGUAGE TupleSections #-}
-{-# LANGUAGE DeriveGeneric #-}
---------------------------------------------------------------------------------
-{-# LANGUAGE OverloadedStrings #-}
-{-# LANGUAGE TupleSections #-}
-{-# LANGUAGE DeriveGeneric #-}
-import Data.Monoid (mappend)
-import Hakyll
-import Data.Maybe (fromMaybe)
-import Text.Read (readMaybe)
-import Control.Monad (liftM)
-import Data.List ( sortBy, isInfixOf, intercalate )
-import Data.Ord (comparing)
--- import HakyllMedia.Image
-import System.FilePath.Posix ( takeDirectory
- , takeBaseName
- , (>)
- , splitFileName
- )
-import Control.Applicative (empty)
-
-
-import qualified Data.HashMap.Strict as HMS
-import qualified Data.Set as S
-import qualified Data.Text as T
-import qualified Data.Yaml as Yaml
-import qualified Data.Text as T
-import qualified Data.Vector as V
-import Data.Yaml
-import Data.Scientific
-
-import Data.Yaml.Parser (FromYaml (fromYaml), YamlValue (Mapping), YamlParser)
-import GHC.Generics (Generic)
-import Data.Yaml (FromJSON)
-import Data.Yaml.Aeson ((.:))
-import qualified Data.Aeson.Key as AK
-import qualified Data.Aeson.KeyMap as KeyMap
-import Data.Yaml.Aeson (Value(Object))
-import Data.Map (mapMaybe)
-
---------------------------------------------------------------------------------
-main :: IO ()
-main = hakyll $ do
- match "content/images/*" $ do
- route rmContentPrefix
- compile copyFileCompiler
-
- match "content/css/*" $ do
- route rmContentPrefix
- compile compressCssCompiler
-
- match "content/cv/*" $ compile $ pandocCompiler
- >>= loadAndApplyTemplate "templates/cv-section.html" cvSecCtx
- >>= relativizeUrls
- >>= rmIndexHtml
-
- match (fromList ["content/about.md", "content/contact.md"]) $ compile $ pandocCompiler
- >>= loadAndApplyTemplate "templates/section.html" defaultContext
- >>= relativizeUrls
- >>= rmIndexHtml
-
- match "content/posts/*" $ do
- route $ rmContentPrefix `composeRoutes` niceRoute
- compile $ pandocCompiler
- >>= loadAndApplyTemplate "templates/post.html" postCtx
- >>= loadAndApplyTemplate "templates/default.html" postCtx
- -- >>= mkResponsiveImage
- >>= relativizeUrls
- >>= rmIndexHtml
-
- create ["archive.html"] $ do
- route niceRoute
- compile $ do
- posts <- recentFirst =<< loadAll "content/posts/*"
- let archiveCtx =
- listField "posts" postCtx (return posts) `mappend`
- constField "title" "Archives" `mappend`
- defaultContext
-
- makeItem ""
- >>= loadAndApplyTemplate "templates/archive.html" archiveCtx
- >>= loadAndApplyTemplate "templates/default.html" archiveCtx
- >>= relativizeUrls
- >>= rmIndexHtml
-
- create ["cv.html"] $ do
- route niceRoute
- compile $ do
- sections <- byPriority =<< loadAll "content/cv/*"
- let cvCtx =
- listField "sections" defaultContext (return sections) `mappend`
- defaultContext
-
- makeItem ""
- >>= loadAndApplyTemplate "templates/cv.html" cvCtx
- >>= loadAndApplyTemplate "templates/default.html" cvCtx
- >>= relativizeUrls
- >>= rmIndexHtml
-
- match "content/index.html" $ do
- route rmContentPrefix
- compile $ do
- posts <- fmap (take 3) $ recentFirst =<< loadAll "content/posts/*"
- aboutStub <- loadBody "content/about.md"
- contactStub <- loadBody "content/contact.md"
- let indexCtx =
- listField "posts" postCtx (return posts) `mappend`
- constField "about" aboutStub `mappend`
- constField "contact" contactStub `mappend`
- defaultContext
-
- getResourceBody
- >>= applyAsTemplate indexCtx
- >>= loadAndApplyTemplate "templates/default.html" indexCtx
- >>= relativizeUrls
- >>= rmIndexHtml
-
- match "templates/*" $ compile templateBodyCompiler
-
-rmContentPrefix = gsubRoute "content/" (const "")
-
---------------------------------------------------------------------------------
-postCtx :: Context String
-postCtx =
- dateField "date" "%Y-%m-%d" `mappend`
- defaultContext
-
-cvSecCtx :: Context String
-cvSecCtx =
- customCtx "heading" `mappend`
- defaultContext `mappend`
- skillsCtx
-
-customCtx :: String -> Context a
-customCtx key = field key $ \item -> do
- metadata <- getMetadata (itemIdentifier item)
- return $ fromMaybe "" $ lookupString key metadata
-
-skillsCtx :: Context String
-skillsCtx = field "skills" $ \item -> do
- metadata <- getMetadata (itemIdentifier item)
- let skills :: Maybe String
- skills = case KeyMap.lookup (AK.fromString "skills") metadata of
- Just (Array a) -> do
- let
- x = V.toList $ V.catMaybes $ fmap getName a
- Just $ intercalate " " x
- _ -> Just ("" :: String)
- return $ fromMaybe "" skills
-
-getName :: Value -> Maybe String
-getName (Object v) = case KeyMap.lookup (AK.fromString "name") v of
- Just (String x) -> Just (T.unpack x)
- _ -> Nothing
-getName _ = Nothing
-
-priority :: MonadMetadata m => Item a -> m Int
-priority i = do
- mStr <- getMetadataField (itemIdentifier i) "priority"
- return $ fromMaybe 0 (mStr >>= readMaybe)
-
-byPriority :: MonadMetadata m => [Item a] -> m [Item a]
-byPriority = sortByM priority
- where
- sortByM :: (Monad m, Ord k) => (a -> m k) -> [a] -> m [a]
- sortByM f xs = map fst . sortBy (comparing snd) <$>
- mapM (\x -> fmap (x,) (f x)) xs
-
-niceRoute :: Routes
-niceRoute = customRoute createIndexRoute
- where createIndexRoute identifier =
- takeDirectory p > takeBaseName p > "index.html"
- where p = toFilePath identifier
-
-rmIndexHtml :: Item String -> Compiler (Item String)
-rmIndexHtml item = return $ fmap (withUrls rmIndexStr) item
-
-rmIndexStr :: String -> String
-rmIndexStr url = case splitFileName url of
- (dir, "index.html") | isLocal dir -> dir
- | otherwise -> url
- _ -> url
- where
- isLocal :: String -> Bool
- isLocal uri = not ("://" `isInfixOf` uri)
-
-data Skill = Skill
- { skillName :: T.Text
- , skillIntensity :: Float
- }
- deriving (Eq, Show, Generic)
-
-instance FromJSON Skill where
- -- fromYaml (Mapping yv _ ) = Skill <$> yv .: "name" <*> (read . T.unpack <$> yv .: "intensity")
- -- fromYaml _ = error "bad input"
-
-
--- lookupStringList :: String -> Metadata -> Maybe [String]
--- lookupStringList key meta =
--- HMS.lookup (T.pack key) meta >>= Yaml.toList >>= mapM Yaml.toString
---
-lookupStringList :: String -> Metadata -> Maybe [String]
-lookupStringList key meta =
- KeyMap.lookup (AK.fromString key) meta >>= yamlToList >>= mapM yamlToString
-
-yamlToString :: Yaml.Value -> Maybe String
-yamlToString (Yaml.String t) = Just (T.unpack t)
-yamlToString (Yaml.Bool True) = Just "true"
-yamlToString (Yaml.Bool False) = Just "false"
-yamlToString (Yaml.Number d) | isInteger d = Just (formatScientific Fixed (Just 0) d)
- | otherwise = Just (show d)
-yamlToString _ = Nothing
-
-yamlToList :: Yaml.Value -> Maybe [Yaml.Value]
-yamlToList (Yaml.Array a) = Just (V.toList a)
-yamlToList _ = Nothing
-
diff --git a/example/.gitignore b/example/.gitignore
deleted file mode 100644
index 64c609c..0000000
--- a/example/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-_site
-_cache
\ No newline at end of file
diff --git a/example/README.md b/example/README.md
deleted file mode 100644
index 8206951..0000000
--- a/example/README.md
+++ /dev/null
@@ -1,14 +0,0 @@
-## Commands
-
-recompile css
-```sh
-tailwindcss -i ./content/css/main.css -o ./content/css/mini.css --minify
-```
-
-build, serve and watch
-```sh
-cabal run site -- watch
-```
-
-
-
diff --git a/example/content/about.rst b/example/content/about.rst
deleted file mode 100644
index 99af9e2..0000000
--- a/example/content/about.rst
+++ /dev/null
@@ -1,17 +0,0 @@
----
-title: About
----
-Nullam imperdiet sodales orci vitae molestie. Nunc quam orci, pharetra a
-rhoncus vitae, eleifend id felis. Suspendisse potenti. Etiam vitae urna orci.
-Quisque pellentesque dignissim felis, egestas tempus urna luctus vitae. In hac
-habitasse platea dictumst. Morbi fringilla mattis odio, et mattis tellus
-accumsan vitae.
-
-1. Amamus Unicode 碁
-2. Interdum nex magna.
-
-Vivamus eget mauris sit amet nulla laoreet lobortis. Nulla in diam elementum
-risus convallis commodo. Cras vehicula varius dui vitae facilisis. Proin
-elementum libero eget leo aliquet quis euismod orci vestibulum. Duis rhoncus
-lorem consequat tellus vestibulum aliquam. Quisque orci orci, malesuada porta
-blandit et, interdum nec magna.
diff --git a/example/content/contact.markdown b/example/content/contact.markdown
deleted file mode 100644
index 78e8698..0000000
--- a/example/content/contact.markdown
+++ /dev/null
@@ -1,6 +0,0 @@
----
-title: Contact
----
-
-I live in a small hut in the mountains of Kumano Kodō on Kii Hantō and would not
-like to be contacted.
diff --git a/example/content/css/custom.css b/example/content/css/custom.css
deleted file mode 100644
index 385ce1b..0000000
--- a/example/content/css/custom.css
+++ /dev/null
@@ -1,34 +0,0 @@
-.components-flex {
- display: flex;
- gap: 1.4em;
- flex-direction: row;
- align-items: center;
- justify-content: center;
-}
-
-.components-grid {
- display: grid;
- grid-column-gap: 1.4em;
- grid-template-columns: auto;
- grid-template-rows: auto;
- align-items: center;
- justify-content: center;
-}
-
-.image-grid {
- display: grid;
- grid-template-rows: auto;
- display: grid;
- grid-gap: 1em;
- grid-template-rows: auto;
- grid-template-columns: repeat(
- auto-fit,
- minmax(calc(var(--page-width) / 12), 1fr)
- );
-}
-
-@media only screen and (min-width: 45em) {
- .components-grid {
- grid-template-columns: 3fr 9fr;
- }
-}
diff --git a/example/content/css/default.css b/example/content/css/default.css
deleted file mode 100644
index 381ff73..0000000
--- a/example/content/css/default.css
+++ /dev/null
@@ -1,141 +0,0 @@
-html {
- font-size: 62.5%;
-}
-
-body {
- font-size: 1.6rem;
- color: #000;
-}
-
-header {
- border-bottom: 0.2rem solid #000;
-}
-
-nav {
- text-align: right;
-}
-
-nav a {
- font-size: 1.8rem;
- font-weight: bold;
- color: black;
- text-decoration: none;
- text-transform: uppercase;
-}
-
-footer {
- margin-top: 3rem;
- padding: 1.2rem 0;
- border-top: 0.2rem solid #000;
- font-size: 1.2rem;
- color: #555;
-}
-
-h1 {
- font-size: 2.4rem;
-}
-
-h2 {
- font-size: 2rem;
-}
-
-article .header {
- font-size: 1.4rem;
- font-style: italic;
- color: #555;
-}
-
-.logo a {
- font-weight: bold;
- color: #000;
- text-decoration: none;
-}
-
-@media (max-width: 319px) {
- body {
- width: 90%;
- margin: 0;
- padding: 0 5%;
- }
- header {
- margin: 4.2rem 0;
- }
- nav {
- margin: 0 auto 3rem;
- text-align: center;
- }
- footer {
- text-align: center;
- }
- .logo {
- text-align: center;
- margin: 1rem auto 3rem;
- }
- .logo a {
- font-size: 2.4rem;
- }
- nav a {
- display: block;
- line-height: 1.6;
- }
-}
-
-@media (min-width: 320px) {
- body {
- width: 90%;
- margin: 0;
- padding: 0 5%;
- }
- header {
- margin: 4.2rem 0;
- }
- nav {
- margin: 0 auto 3rem;
- text-align: center;
- }
- footer {
- text-align: center;
- }
- .logo {
- text-align: center;
- margin: 1rem auto 3rem;
- }
- .logo a {
- font-size: 2.4rem;
- }
- nav a {
- display: inline;
- margin: 0 0.6rem;
- }
-}
-
-@media (min-width: 640px) {
- body {
- width: 60rem;
- margin: 0 auto;
- padding: 0;
- }
- header {
- margin: 0 0 3rem;
- padding: 1.2rem 0;
- }
- nav {
- margin: 0;
- text-align: right;
- }
- nav a {
- margin: 0 0 0 1.2rem;
- display: inline;
- }
- footer {
- text-align: right;
- }
- .logo {
- margin: 0;
- text-align: left;
- }
- .logo a {
- float: left;
- font-size: 1.8rem;
- }
-}
diff --git a/example/content/css/main.css b/example/content/css/main.css
deleted file mode 100644
index 3713c15..0000000
--- a/example/content/css/main.css
+++ /dev/null
@@ -1,10 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@font-face {
- /* Set in tailwindconfig */
- font-family: "jetbrains-mono";
- src: local("jetbrains-mono"),
- url("/fonts/JetBrainsMono-Medium.woff2") format("woff2");
-}
\ No newline at end of file
diff --git a/example/content/css/mini.css b/example/content/css/mini.css
deleted file mode 100644
index 803e5bf..0000000
--- a/example/content/css/mini.css
+++ /dev/null
@@ -1 +0,0 @@
-/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:jetbrains-mono;font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.absolute{position:absolute}.relative{position:relative}.inset-y-0{top:0;bottom:0}.left-0{left:0}.right-0{right:0}.z-10{z-index:10}.m-auto{margin:auto}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.ml-3{margin-left:.75rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-16{height:4rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-96{height:24rem}.h-full{height:100%}.min-h-\[50vh\]{min-height:50vh}.w-48{width:12rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-auto{width:auto}.max-w-7xl{max-width:80rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.origin-top-right{transform-origin:top right}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-95{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.p-1{padding:.25rem}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-3{padding-bottom:.75rem}.pr-2{padding-right:.5rem}.pt-2{padding-top:.5rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.italic{font-style:italic}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-black{--tw-ring-opacity:1;--tw-ring-color:rgb(0 0 0/var(--tw-ring-opacity))}.ring-opacity-5{--tw-ring-opacity:0.05}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-75{transition-duration:75ms}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@font-face{font-family:jetbrains-mono;src:local("jetbrains-mono"),url(/fonts/JetBrainsMono-Medium.woff2) format("woff2")}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-inset:focus{--tw-ring-inset:inset}.focus\:ring-white:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus\:ring-offset-gray-800:focus{--tw-ring-offset-color:#1f2937}@media (min-width:640px){.sm\:static{position:static}.sm\:inset-auto{inset:auto}.sm\:mx-4{margin-left:1rem;margin-right:1rem}.sm\:ml-6{margin-left:1.5rem}.sm\:block{display:block}.sm\:hidden{display:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:items-stretch{align-items:stretch}.sm\:justify-start{justify-content:flex-start}.sm\:gap-8{gap:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pr-0{padding-right:0}}@media (min-width:768px){.md\:mx-24{margin-left:6rem;margin-right:6rem}.md\:gap-8{gap:2rem}}@media (min-width:1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:px-8{padding-left:2rem;padding-right:2rem}}
\ No newline at end of file
diff --git a/example/content/css/normalize.css b/example/content/css/normalize.css
deleted file mode 100644
index b0c1902..0000000
--- a/example/content/css/normalize.css
+++ /dev/null
@@ -1,349 +0,0 @@
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
-
-/* Document
- ========================================================================== */
-
-/**
- * 1. Correct the line height in all browsers.
- * 2. Prevent adjustments of font size after orientation changes in iOS.
- */
-
-html {
- line-height: 1.15; /* 1 */
- -webkit-text-size-adjust: 100%; /* 2 */
-}
-
-/* Sections
- ========================================================================== */
-
-/**
- * Remove the margin in all browsers.
- */
-
-body {
- margin: 0;
-}
-
-/**
- * Render the `main` element consistently in IE.
- */
-
-main {
- display: block;
-}
-
-/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Firefox, and Safari.
- */
-
-h1 {
- font-size: 2em;
- margin: 0.67em 0;
-}
-
-/* Grouping content
- ========================================================================== */
-
-/**
- * 1. Add the correct box sizing in Firefox.
- * 2. Show the overflow in Edge and IE.
- */
-
-hr {
- box-sizing: content-box; /* 1 */
- height: 0; /* 1 */
- overflow: visible; /* 2 */
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-
-pre {
- font-family: monospace, monospace; /* 1 */
- font-size: 1em; /* 2 */
-}
-
-/* Text-level semantics
- ========================================================================== */
-
-/**
- * Remove the gray background on active links in IE 10.
- */
-
-a {
- background-color: transparent;
-}
-
-/**
- * 1. Remove the bottom border in Chrome 57-
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
- */
-
-abbr[title] {
- border-bottom: none; /* 1 */
- text-decoration: underline; /* 2 */
- text-decoration: underline dotted; /* 2 */
-}
-
-/**
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
-
-b,
-strong {
- font-weight: bolder;
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-
-code,
-kbd,
-samp {
- font-family: monospace, monospace; /* 1 */
- font-size: 1em; /* 2 */
-}
-
-/**
- * Add the correct font size in all browsers.
- */
-
-small {
- font-size: 80%;
-}
-
-/**
- * Prevent `sub` and `sup` elements from affecting the line height in
- * all browsers.
- */
-
-sub,
-sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
-}
-
-sub {
- bottom: -0.25em;
-}
-
-sup {
- top: -0.5em;
-}
-
-/* Embedded content
- ========================================================================== */
-
-/**
- * Remove the border on images inside links in IE 10.
- */
-
-img {
- border-style: none;
-}
-
-/* Forms
- ========================================================================== */
-
-/**
- * 1. Change the font styles in all browsers.
- * 2. Remove the margin in Firefox and Safari.
- */
-
-button,
-input,
-optgroup,
-select,
-textarea {
- font-family: inherit; /* 1 */
- font-size: 100%; /* 1 */
- line-height: 1.15; /* 1 */
- margin: 0; /* 2 */
-}
-
-/**
- * Show the overflow in IE.
- * 1. Show the overflow in Edge.
- */
-
-button,
-input { /* 1 */
- overflow: visible;
-}
-
-/**
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
- * 1. Remove the inheritance of text transform in Firefox.
- */
-
-button,
-select { /* 1 */
- text-transform: none;
-}
-
-/**
- * Correct the inability to style clickable types in iOS and Safari.
- */
-
-button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
- -webkit-appearance: button;
-}
-
-/**
- * Remove the inner border and padding in Firefox.
- */
-
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
- border-style: none;
- padding: 0;
-}
-
-/**
- * Restore the focus styles unset by the previous rule.
- */
-
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
- outline: 1px dotted ButtonText;
-}
-
-/**
- * Correct the padding in Firefox.
- */
-
-fieldset {
- padding: 0.35em 0.75em 0.625em;
-}
-
-/**
- * 1. Correct the text wrapping in Edge and IE.
- * 2. Correct the color inheritance from `fieldset` elements in IE.
- * 3. Remove the padding so developers are not caught out when they zero out
- * `fieldset` elements in all browsers.
- */
-
-legend {
- box-sizing: border-box; /* 1 */
- color: inherit; /* 2 */
- display: table; /* 1 */
- max-width: 100%; /* 1 */
- padding: 0; /* 3 */
- white-space: normal; /* 1 */
-}
-
-/**
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
- */
-
-progress {
- vertical-align: baseline;
-}
-
-/**
- * Remove the default vertical scrollbar in IE 10+.
- */
-
-textarea {
- overflow: auto;
-}
-
-/**
- * 1. Add the correct box sizing in IE 10.
- * 2. Remove the padding in IE 10.
- */
-
-[type="checkbox"],
-[type="radio"] {
- box-sizing: border-box; /* 1 */
- padding: 0; /* 2 */
-}
-
-/**
- * Correct the cursor style of increment and decrement buttons in Chrome.
- */
-
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
- height: auto;
-}
-
-/**
- * 1. Correct the odd appearance in Chrome and Safari.
- * 2. Correct the outline style in Safari.
- */
-
-[type="search"] {
- -webkit-appearance: textfield; /* 1 */
- outline-offset: -2px; /* 2 */
-}
-
-/**
- * Remove the inner padding in Chrome and Safari on macOS.
- */
-
-[type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
-}
-
-/**
- * 1. Correct the inability to style clickable types in iOS and Safari.
- * 2. Change font properties to `inherit` in Safari.
- */
-
-::-webkit-file-upload-button {
- -webkit-appearance: button; /* 1 */
- font: inherit; /* 2 */
-}
-
-/* Interactive
- ========================================================================== */
-
-/*
- * Add the correct display in Edge, IE 10+, and Firefox.
- */
-
-details {
- display: block;
-}
-
-/*
- * Add the correct display in all browsers.
- */
-
-summary {
- display: list-item;
-}
-
-/* Misc
- ========================================================================== */
-
-/**
- * Add the correct display in IE 10+.
- */
-
-template {
- display: none;
-}
-
-/**
- * Add the correct display in IE 10.
- */
-
-[hidden] {
- display: none;
-}
\ No newline at end of file
diff --git a/example/content/css/terminal.css b/example/content/css/terminal.css
deleted file mode 100644
index b591704..0000000
--- a/example/content/css/terminal.css
+++ /dev/null
@@ -1,994 +0,0 @@
-:root {
- --global-font-size: 20px;
- --global-line-height: 1.6em;
- --global-space: 12px;
- --font-stack: "JetBrains Mono", Menlo, Monaco, Lucida Console, Liberation Mono,
- DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace,
- serif;
- --mono-font-stack: Menlo, Monaco, Lucida Console, Liberation Mono,
- DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace,
- serif;
- --background-color: #222225;
- --page-width: 60em;
- --font-color: #e8e9ed;
- --invert-font-color: #222225;
- --secondary-color: #a3abba;
- --tertiary-color: #a3abba;
- --primary-color: #62c4ff;
- --error-color: #ff3c74;
- --progress-bar-background: #3f3f44;
- --progress-bar-fill: #62c4ff;
- --code-bg-color: #3f3f44;
- --input-style: solid;
- --display-h1-decoration: none;
-}
-
-* {
- box-sizing: border-box;
- text-rendering: geometricPrecision;
-}
-
-*::-moz-selection {
- background: var(--primary-color);
- color: var(--invert-font-color);
-}
-
-*::selection {
- background: var(--primary-color);
- color: var(--invert-font-color);
-}
-
-body {
- font-size: var(--global-font-size);
- color: var(--font-color);
- line-height: var(--global-line-height);
- margin: 0;
- font-family: var(--font-stack);
- word-wrap: break-word;
- background-color: var(--background-color);
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-.logo {
- line-height: var(--global-line-height);
-}
-
-a {
- cursor: pointer;
- color: var(--primary-color);
- text-decoration: none;
-}
-
-a:hover {
- background-color: var(--primary-color);
- color: var(--invert-font-color);
-}
-
-em {
- font-size: var(--global-font-size);
- font-style: italic;
- font-family: var(--font-stack);
- color: var(--font-color);
-}
-
-blockquote,
-code,
-em,
-strong {
- line-height: var(--global-line-height);
-}
-
-blockquote,
-code,
-footer,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-header,
-li,
-ol,
-p,
-section,
-ul,
-.logo {
- float: none;
- margin: 0;
- padding: 0;
-}
-
-blockquote,
-h1,
-ol,
-p,
-ul,
-.logo {
- margin-top: calc(var(--global-space) * 2);
- margin-bottom: calc(var(--global-space) * 2);
-}
-
-h1,
-.logo {
- position: relative;
- display: inline-block;
- display: table-cell;
- padding: calc(var(--global-space) * 2) 0 calc(var(--global-space) * 2);
- margin: 0;
- overflow: hidden;
- font-weight: 600;
-}
-
-h1::after {
- content: "====================================================================================================";
- position: absolute;
- bottom: 5px;
- left: 0;
- display: var(--display-h1-decoration);
-}
-
-h1 + *,
-.logo + * {
- margin-top: 0;
-}
-
-h2,
-h3,
-h4,
-h5,
-h6 {
- position: relative;
- margin-bottom: var(--global-line-height);
- font-weight: 600;
-}
-
-blockquote {
- position: relative;
- padding-left: calc(var(--global-space) * 2);
- padding-left: 2ch;
- overflow: hidden;
-}
-
-blockquote::after {
- content: ">\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>";
- white-space: pre;
- position: absolute;
- top: 0;
- left: 0;
- line-height: var(--global-line-height);
- color: #9ca2ab;
-}
-
-code {
- font-weight: inherit;
- background-color: var(--code-bg-color);
- font-family: var(--mono-font-stack);
-}
-
-code::after,
-code::before {
- content: "`";
- display: inline;
-}
-
-pre code::after,
-pre code::before {
- content: "";
-}
-
-pre {
- display: block;
- word-break: break-all;
- word-wrap: break-word;
- color: var(--secondary-color);
- background-color: var(--background-color);
- border: 1px solid var(--secondary-color);
- padding: var(--global-space);
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
-}
-
-pre code {
- overflow-x: scroll;
- padding: 0;
- margin: 0;
- display: inline-block;
- min-width: 100%;
- font-family: var(--mono-font-stack);
-}
-
-.terminal blockquote,
-.terminal code,
-.terminal h1,
-.terminal h2,
-.terminal h3,
-.terminal h4,
-.terminal h5,
-.terminal h6,
-.terminal strong,
-.terminal .logo {
- font-size: var(--global-font-size);
- font-style: normal;
- font-family: var(--font-stack);
- color: var(--font-color);
-}
-
-.terminal-prompt {
- position: relative;
- white-space: nowrap;
-}
-
-.terminal-prompt::before {
- content: "> ";
-}
-
-.terminal-prompt::after {
- content: "";
- animation: cursor 1200ms infinite;
- background: var(--primary-color);
- border-radius: 0;
- display: inline-block;
- height: 1em;
- margin-left: 0.2em;
- width: 3px;
- bottom: -2px;
- position: relative;
-}
-
-@-webkit-keyframes cursor {
- 0% {
- opacity: 0;
- }
-
- 50% {
- opacity: 1;
- }
-
- to {
- opacity: 0;
- }
-}
-
-@keyframes cursor {
- 0% {
- opacity: 0;
- }
-
- 50% {
- opacity: 1;
- }
-
- to {
- opacity: 0;
- }
-}
-
-li,
-li > ul > li {
- position: relative;
- display: block;
- padding-left: calc(var(--global-space) * 2);
-}
-
-nav > ul > li {
- padding-left: 0;
-}
-
-li::after {
- position: absolute;
- top: 0;
- left: 0;
-}
-
-ul > li::after {
- content: "-";
-}
-
-nav ul > li::after {
- content: "";
-}
-
-ol li::before {
- content: counters(item, ".") ". ";
- counter-increment: item;
-}
-
-ol ol li::before {
- content: counters(item, ".") " ";
- counter-increment: item;
-}
-
-.terminal-menu li::after,
-.terminal-menu li::before {
- display: none;
-}
-
-ol {
- counter-reset: item;
-}
-
-ol li:nth-child(n+10)::after {
- left: -7px;
-}
-
-ol ol {
- margin-top: 0;
- margin-bottom: 0;
-}
-
-.terminal-menu {
- width: 100%;
-}
-
-.terminal-nav {
- display: flex;
- flex-direction: column;
- align-items: flex-start;
-}
-
-ul ul {
- margin-top: 0;
- margin-bottom: 0;
-}
-
-.terminal-menu ul {
- list-style-type: none;
- padding: 0 !important;
- display: flex;
- flex-direction: column;
- width: 100%;
- flex-grow: 1;
- font-size: var(--global-font-size);
- margin-top: 0;
-}
-
-.terminal-menu li {
- display: flex;
- margin: 0 0 0.5em 0;
- padding: 0;
-}
-
-ol.terminal-toc li {
- border-bottom: 1px dotted var(--secondary-color);
- padding: 0;
- margin-bottom: 15px;
-}
-
-.terminal-menu li:last-child {
- margin-bottom: 0;
-}
-
-ol.terminal-toc li a {
- margin: 4px 4px 4px 0;
- background: var(--background-color);
- position: relative;
- top: 6px;
- text-align: left;
- padding-right: 4px;
-}
-
-.terminal-menu li a:not(.btn) {
- text-decoration: none;
- display: block;
- width: 100%;
- border: none;
- color: var(--secondary-color);
-}
-
-.terminal-menu li a.active {
- color: var(--font-color);
-}
-
-.terminal-menu li a:hover {
- background: none;
- color: inherit;
-}
-
-ol.terminal-toc li::before {
- content: counters(item, ".") ". ";
- counter-increment: item;
- position: absolute;
- right: 0;
- background: var(--background-color);
- padding: 4px 0 4px 4px;
- bottom: -8px;
-}
-
-ol.terminal-toc li a:hover {
- background: var(--primary-color);
- color: var(--invert-font-color);
-}
-
-hr {
- position: relative;
- overflow: hidden;
- margin: calc(var(--global-space) * 4) 0;
- border: 0;
- border-bottom: 1px dashed var(--secondary-color);
-}
-
-p {
- margin: 0 0 var(--global-line-height);
- color: var(--global-font-color);
-}
-
-.container {
- max-width: var(--page-width);
-}
-
-.container,
-.container-fluid {
- margin: 0 auto;
- padding: 0 calc(var(--global-space) * 2);
-}
-
-img {
- width: 100%;
-}
-
-.progress-bar {
- height: 8px;
- background-color: var(--progress-bar-background);
- margin: 12px 0;
-}
-
-.progress-bar.progress-bar-show-percent {
- margin-top: 38px;
-}
-
-.progress-bar-filled {
- background-color: var(--progress-bar-fill);
- height: 100%;
- transition: width 0.3s ease;
- position: relative;
- width: 0;
-}
-
-.progress-bar-filled::before {
- content: "";
- border: 6px solid transparent;
- border-top-color: var(--progress-bar-fill);
- position: absolute;
- top: -12px;
- right: -6px;
-}
-
-.progress-bar-filled::after {
- color: var(--progress-bar-fill);
- content: attr(data-filled);
- display: block;
- font-size: 12px;
- white-space: nowrap;
- position: absolute;
- border: 6px solid transparent;
- top: -38px;
- right: 0;
- -ms-transform: translateX(50%);
- transform: translateX(50%);
-}
-
-.progress-bar-no-arrow > .progress-bar-filled::before,
-.progress-bar-no-arrow > .progress-bar-filled::after {
- content: "";
- display: none;
- visibility: hidden;
- opacity: 0;
-}
-
-table {
- width: 100%;
- border-collapse: collapse;
- margin: var(--global-line-height) 0;
- color: var(--font-color);
- font-size: var(--global-font-size);
-}
-
-table td,
-table th {
- vertical-align: top;
- border: 1px solid var(--font-color);
- line-height: var(--global-line-height);
- padding: calc(var(--global-space) / 2);
- font-size: 1em;
-}
-
-table thead th {
- font-size: 1em;
-}
-
-table tfoot tr th {
- font-weight: 500;
-}
-
-table caption {
- font-size: 1em;
- margin: 0 0 1em 0;
-}
-
-table tbody td:first-child {
- font-weight: 700;
- color: var(--secondary-color);
-}
-
-.form {
- width: 100%;
-}
-
-fieldset {
- border: 1px solid var(--font-color);
- padding: 1em;
-}
-
-label {
- font-size: 1em;
- color: var(--font-color);
-}
-
-input[type="email"],
-input[type="text"],
-input[type="number"],
-input[type="password"],
-input[type="search"] {
- border: 1px var(--input-style) var(--font-color);
- width: 100%;
- padding: 0.7em 0.5em;
- font-size: 1em;
- font-family: var(--font-stack);
- -webkit-appearance: none;
- border-radius: 0;
-}
-
-input[type="email"]:active,
-input[type="text"]:active,
-input[type="number"]:active,
-input[type="password"]:active,
-input[type="search"]:active,
-input[type="email"]:focus,
-input[type="text"]:focus,
-input[type="number"]:focus,
-input[type="password"]:focus,
-input[type="search"]:focus {
- outline: none;
- -webkit-appearance: none;
- border: 1px solid var(--font-color);
-}
-
-input[type="text"]:not(:placeholder-shown):invalid,
-input[type="email"]:not(:placeholder-shown):invalid,
-input[type="password"]:not(:placeholder-shown):invalid,
-input[type="search"]:not(:placeholder-shown):invalid,
-input[type="number"]:not(:placeholder-shown):invalid {
- border-color: var(--error-color);
-}
-
-input,
-textarea {
- color: var(--font-color);
- background-color: var(--background-color);
-}
-
-input::placeholder,
-textarea::placeholder {
- color: var(--secondary-color) !important;
- opacity: 1;
-}
-
-textarea {
- height: auto;
- width: 100%;
- resize: none;
- border: 1px var(--input-style) var(--font-color);
- padding: 0.5em;
- font-size: 1em;
- font-family: var(--font-stack);
- -webkit-appearance: none;
- border-radius: 0;
-}
-
-textarea:focus {
- outline: none;
- -webkit-appearance: none;
- border: 1px solid var(--font-color);
-}
-
-textarea:not(:placeholder-shown):invalid {
- border-color: var(--error-color);
-}
-
-input:-webkit-autofill,
-input:-webkit-autofill:hover,
-input:-webkit-autofill:focus textarea:-webkit-autofill,
-textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
-select:-webkit-autofill,
-select:-webkit-autofill:hover,
-select:-webkit-autofill:focus {
- border: 1px solid var(--font-color);
- -webkit-text-fill-color: var(--font-color);
- box-shadow: 0 0 0 1000px var(--invert-font-color) inset;
- -webkit-box-shadow: 0 0 0 1000px var(--invert-font-color) inset;
- transition: background-color 5000s ease-in-out 0s;
-}
-
-.form-group {
- margin-bottom: var(--global-line-height);
- overflow: auto;
-}
-
-.btn {
- border-style: solid;
- border-width: 1px;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -ms-flex-align: center;
- align-items: center;
- -ms-flex-pack: center;
- justify-content: center;
- cursor: pointer;
- outline: none;
- padding: 0.65em 2em;
- font-size: 1em;
- font-family: inherit;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- position: relative;
- z-index: 1;
-}
-
-.btn:active {
- box-shadow: none;
-}
-
-.btn.btn-ghost {
- border-color: var(--font-color);
- color: var(--font-color);
- background-color: transparent;
-}
-
-.btn.btn-ghost:focus,
-.btn.btn-ghost:hover {
- border-color: var(--tertiary-color);
- color: var(--tertiary-color);
- z-index: 2;
-}
-
-.btn.btn-ghost:hover {
- background-color: transparent;
-}
-
-.btn-block {
- width: 100%;
- display: -ms-flexbox;
- display: flex;
-}
-
-.btn-default {
- background-color: var(--font-color);
- border-color: var(--invert-font-color);
- color: var(--invert-font-color);
-}
-
-.btn-default:hover,
-.btn-default:focus:not(.btn-ghost) {
- background-color: var(--secondary-color);
- color: var(--invert-font-color);
-}
-
-.btn-default.btn-ghost:focus,
-.btn-default.btn-ghost:hover {
- border-color: var(--secondary-color);
- color: var(--secondary-color);
- z-index: 2;
-}
-
-.btn-error {
- color: var(--invert-font-color);
- background-color: var(--error-color);
- border: 1px solid var(--error-color);
-}
-
-.btn-error:hover,
-.btn-error:focus:not(.btn-ghost) {
- background-color: var(--error-color);
- border-color: var(--error-color);
-}
-
-.btn-error.btn-ghost {
- border-color: var(--error-color);
- color: var(--error-color);
-}
-
-.btn-error.btn-ghost:focus,
-.btn-error.btn-ghost:hover {
- border-color: var(--error-color);
- color: var(--error-color);
- z-index: 2;
-}
-
-.btn-primary {
- color: var(--invert-font-color);
- background-color: var(--primary-color);
- border: 1px solid var(--primary-color);
-}
-
-.btn-primary:hover,
-.btn-primary:focus:not(.btn-ghost) {
- background-color: var(--primary-color);
- border-color: var(--primary-color);
-}
-
-.btn-primary.btn-ghost {
- border-color: var(--primary-color);
- color: var(--primary-color);
-}
-
-.btn-primary.btn-ghost:focus,
-.btn-primary.btn-ghost:hover {
- border-color: var(--primary-color);
- color: var(--primary-color);
- z-index: 2;
-}
-
-.btn-small {
- padding: 0.5em 1.3em !important;
- font-size: 0.9em !important;
-}
-
-.btn-group {
- overflow: auto;
-}
-
-.btn-group .btn {
- float: left;
-}
-
-.btn-group .btn-ghost:not(:first-child) {
- margin-left: -1px;
-}
-
-.terminal-card {
- border: 1px solid var(--secondary-color);
-}
-
-.terminal-card > header {
- color: var(--invert-font-color);
- text-align: center;
- background-color: var(--secondary-color);
- padding: 0.5em 0;
-}
-
-.terminal-card > div:first-of-type {
- padding: var(--global-space);
-}
-
-.terminal-timeline {
- position: relative;
- padding-left: 70px;
-}
-
-.terminal-timeline::before {
- content: ' ';
- background: var(--secondary-color);
- display: inline-block;
- position: absolute;
- left: 35px;
- width: 2px;
- height: 100%;
- z-index: 400;
-}
-
-.terminal-timeline .terminal-card {
- margin-bottom: 25px;
-}
-
-.terminal-timeline .terminal-card::before {
- content: ' ';
- background: var(--invert-font-color);
- border: 2px solid var(--secondary-color);
- display: inline-block;
- position: absolute;
- margin-top: 25px;
- left: 26px;
- width: 15px;
- height: 15px;
- z-index: 400;
-}
-
-.terminal-alert {
- color: var(--font-color);
- padding: 1em;
- border: 1px solid var(--font-color);
- margin-bottom: var(--global-space);
-}
-
-.terminal-alert-error {
- color: var(--error-color);
- border-color: var(--error-color);
-}
-
-.terminal-alert-primary {
- color: var(--primary-color);
- border-color: var(--primary-color);
-}
-
-@media screen and (max-width: 960px) {
- label {
- display: block;
- width: 100%;
- }
-
- pre::-webkit-scrollbar {
- height: 3px;
- }
-}
-
-@media screen and (max-width: 480px) {
- form {
- width: 100%;
- }
-}
-
-@media only screen and (min-width: 30em) {
- .terminal-nav {
- flex-direction: row;
- align-items: center;
- }
-
- .terminal-menu ul {
- flex-direction: row;
- justify-items: flex-end;
- align-items: center;
- justify-content: flex-end;
- margin-top: calc(var(--global-space) * 2);
- }
-
- .terminal-menu li {
- margin: 0;
- margin-right: 2em;
- }
-
- .terminal-menu li:last-child {
- margin-right: 0;
- }
-}
-
-.terminal-media:not(:last-child) {
- margin-bottom: 1.25rem;
-}
-
-.terminal-media-left {
- padding-right: var(--global-space);
-}
-
-.terminal-media-left,
-.terminal-media-right {
- display: table-cell;
- vertical-align: top;
-}
-
-.terminal-media-right {
- padding-left: var(--global-space);
-}
-
-.terminal-media-body {
- display: table-cell;
- vertical-align: top;
-}
-
-.terminal-media-heading {
- font-size: 1em;
- font-weight: 700;
-}
-
-.terminal-media-content {
- margin-top: 0.3rem;
-}
-
-.terminal-placeholder {
- background-color: var(--secondary-color);
- text-align: center;
- color: var(--font-color);
- font-size: 1rem;
- border: 1px solid var(--secondary-color);
-}
-
-figure > img {
- padding: 0;
-}
-
-.terminal-avatarholder {
- width: calc(var(--global-space) * 5);
- height: calc(var(--global-space) * 5);
-}
-
-.terminal-avatarholder img {
- padding: 0;
-}
-
-figure {
- margin: 0;
-}
-
-figure > figcaption {
- color: var(--secondary-color);
- text-align: center;
-}
-
-.hljs {
- display: block;
- overflow-x: auto;
- padding: 0.5em;
- background: var(--block-background-color);
- color: var(--font-color);
-}
-
-.hljs-comment,
-.hljs-quote {
- color: var(--secondary-color);
-}
-
-.hljs-variable {
- color: var(--font-color);
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-built_in,
-.hljs-name,
-.hljs-tag {
- color: var(--primary-color);
-}
-
-.hljs-string,
-.hljs-title,
-.hljs-section,
-.hljs-attribute,
-.hljs-literal,
-.hljs-template-tag,
-.hljs-template-variable,
-.hljs-type,
-.hljs-addition {
- color: var(--secondary-color);
-}
-
-.hljs-string {
- color: var(--secondary-color);
-}
-
-.hljs-deletion,
-.hljs-selector-attr,
-.hljs-selector-pseudo,
-.hljs-meta {
- color: var(--primary-color);
-}
-
-.hljs-doctag {
- color: var(--secondary-color);
-}
-
-.hljs-attr {
- color: var(--primary-color);
-}
-
-.hljs-symbol,
-.hljs-bullet,
-.hljs-link {
- color: var(--primary-color);
-}
-
-.hljs-emphasis {
- font-style: italic;
-}
-
-.hljs-strong {
- font-weight: bold;
-}
diff --git a/example/content/css/terminal.min.css b/example/content/css/terminal.min.css
deleted file mode 100644
index d92ba60..0000000
--- a/example/content/css/terminal.min.css
+++ /dev/null
@@ -1 +0,0 @@
-:root{--global-font-size:15px;--global-line-height:1.4em;--global-space:10px;--font-stack:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;--mono-font-stack:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;--background-color:#fff;--page-width:60em;--font-color:#151515;--invert-font-color:#fff;--primary-color:#1a95e0;--secondary-color:#727578;--error-color:#d20962;--progress-bar-background:#727578;--progress-bar-fill:#151515;--code-bg-color:#e8eff2;--input-style:solid;--display-h1-decoration:none}*{box-sizing:border-box;text-rendering:geometricPrecision}::-moz-selection{background:var(--primary-color);color:var(--invert-font-color)}::selection{background:var(--primary-color);color:var(--invert-font-color)}body{font-size:var(--global-font-size);color:var(--font-color);line-height:var(--global-line-height);margin:0;font-family:var(--font-stack);word-wrap:break-word;background-color:var(--background-color)}.logo,h1,h2,h3,h4,h5,h6{line-height:var(--global-line-height)}a{cursor:pointer;color:var(--primary-color);text-decoration:none}a:hover{background-color:var(--primary-color);color:var(--invert-font-color)}em{font-size:var(--global-font-size);font-style:italic;font-family:var(--font-stack);color:var(--font-color)}blockquote,code,em,strong{line-height:var(--global-line-height)}.logo,blockquote,code,footer,h1,h2,h3,h4,h5,h6,header,li,ol,p,section,ul{float:none;margin:0;padding:0}.logo,blockquote,h1,ol,p,ul{margin-top:calc(var(--global-space) * 2);margin-bottom:calc(var(--global-space) * 2)}.logo,h1{position:relative;display:inline-block;display:table-cell;padding:calc(var(--global-space) * 2) 0 calc(var(--global-space) * 2);margin:0;overflow:hidden;font-weight:600}h1::after{content:"====================================================================================================";position:absolute;bottom:5px;left:0;display:var(--display-h1-decoration)}.logo+*,h1+*{margin-top:0}h2,h3,h4,h5,h6{position:relative;margin-bottom:var(--global-line-height);font-weight:600}blockquote{position:relative;padding-left:calc(var(--global-space) * 2);padding-left:2ch;overflow:hidden}blockquote::after{content:">\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>";white-space:pre;position:absolute;top:0;left:0;line-height:var(--global-line-height);color:#9ca2ab}code{font-weight:inherit;background-color:var(--code-bg-color);font-family:var(--mono-font-stack)}code::after,code::before{content:"`";display:inline}pre code::after,pre code::before{content:""}pre{display:block;word-break:break-all;word-wrap:break-word;color:var(--secondary-color);background-color:var(--background-color);border:1px solid var(--secondary-color);padding:var(--global-space);white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap}pre code{overflow-x:scroll;padding:0;margin:0;display:inline-block;min-width:100%;font-family:var(--mono-font-stack)}.terminal .logo,.terminal blockquote,.terminal code,.terminal h1,.terminal h2,.terminal h3,.terminal h4,.terminal h5,.terminal h6,.terminal strong{font-size:var(--global-font-size);font-style:normal;font-family:var(--font-stack);color:var(--font-color)}.terminal-prompt{position:relative;white-space:nowrap}.terminal-prompt::before{content:"> "}.terminal-prompt::after{content:"";-webkit-animation:cursor .8s infinite;animation:cursor .8s infinite;background:var(--primary-color);border-radius:0;display:inline-block;height:1em;margin-left:.2em;width:3px;bottom:-2px;position:relative}@-webkit-keyframes cursor{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes cursor{0%{opacity:0}50%{opacity:1}to{opacity:0}}li,li>ul>li{position:relative;display:block;padding-left:calc(var(--global-space) * 2)}nav>ul>li{padding-left:0}li::after{position:absolute;top:0;left:0}ul>li::after{content:"-"}nav ul>li::after{content:""}ol li::before{content:counters(item, ".") ". ";counter-increment:item}ol ol li::before{content:counters(item, ".") " ";counter-increment:item}.terminal-menu li::after,.terminal-menu li::before{display:none}ol{counter-reset:item}ol li:nth-child(n+10)::after{left:-7px}ol ol{margin-top:0;margin-bottom:0}.terminal-menu{width:100%}.terminal-nav{display:flex;flex-direction:column;align-items:flex-start}ul ul{margin-top:0;margin-bottom:0}.terminal-menu ul{list-style-type:none;padding:0!important;display:flex;flex-direction:column;width:100%;flex-grow:1;font-size:var(--global-font-size);margin-top:0}.terminal-menu li{display:flex;margin:0 0 .5em 0;padding:0}ol.terminal-toc li{border-bottom:1px dotted var(--secondary-color);padding:0;margin-bottom:15px}.terminal-menu li:last-child{margin-bottom:0}ol.terminal-toc li a{margin:4px 4px 4px 0;background:var(--background-color);position:relative;top:6px;text-align:left;padding-right:4px}.terminal-menu li a:not(.btn){text-decoration:none;display:block;width:100%;border:none;color:var(--secondary-color)}.terminal-menu li a.active{color:var(--font-color)}.terminal-menu li a:hover{background:0 0;color:inherit}ol.terminal-toc li::before{content:counters(item, ".") ". ";counter-increment:item;position:absolute;right:0;background:var(--background-color);padding:4px 0 4px 4px;bottom:-8px}ol.terminal-toc li a:hover{background:var(--primary-color);color:var(--invert-font-color)}hr{position:relative;overflow:hidden;margin:calc(var(--global-space) * 4) 0;border:0;border-bottom:1px dashed var(--secondary-color)}p{margin:0 0 var(--global-line-height);color:var(--global-font-color)}.container{max-width:var(--page-width)}.container,.container-fluid{margin:0 auto;padding:0 calc(var(--global-space) * 2)}img{width:100%}.progress-bar{height:8px;background-color:var(--progress-bar-background);margin:12px 0}.progress-bar.progress-bar-show-percent{margin-top:38px}.progress-bar-filled{background-color:var(--progress-bar-fill);height:100%;transition:width .3s ease;position:relative;width:0}.progress-bar-filled::before{content:"";border:6px solid transparent;border-top-color:var(--progress-bar-fill);position:absolute;top:-12px;right:-6px}.progress-bar-filled::after{color:var(--progress-bar-fill);content:attr(data-filled);display:block;font-size:12px;white-space:nowrap;position:absolute;border:6px solid transparent;top:-38px;right:0;transform:translateX(50%)}.progress-bar-no-arrow>.progress-bar-filled::after,.progress-bar-no-arrow>.progress-bar-filled::before{content:"";display:none;visibility:hidden;opacity:0}table{width:100%;border-collapse:collapse;margin:var(--global-line-height) 0;color:var(--font-color);font-size:var(--global-font-size)}table td,table th{vertical-align:top;border:1px solid var(--font-color);line-height:var(--global-line-height);padding:calc(var(--global-space)/ 2);font-size:1em}table thead th{font-size:1em}table tfoot tr th{font-weight:500}table caption{font-size:1em;margin:0 0 1em 0}table tbody td:first-child{font-weight:700;color:var(--secondary-color)}.form{width:100%}fieldset{border:1px solid var(--font-color);padding:1em}label{font-size:1em;color:var(--font-color)}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text]{border:1px var(--input-style) var(--font-color);width:100%;padding:.7em .5em;font-size:1em;font-family:var(--font-stack);-webkit-appearance:none;border-radius:0}input[type=email]:active,input[type=email]:focus,input[type=number]:active,input[type=number]:focus,input[type=password]:active,input[type=password]:focus,input[type=search]:active,input[type=search]:focus,input[type=text]:active,input[type=text]:focus{outline:0;-webkit-appearance:none;border:1px solid var(--font-color)}input[type=email]:not(:placeholder-shown):invalid,input[type=number]:not(:placeholder-shown):invalid,input[type=password]:not(:placeholder-shown):invalid,input[type=search]:not(:placeholder-shown):invalid,input[type=text]:not(:placeholder-shown):invalid{border-color:var(--error-color)}input,textarea{color:var(--font-color);background-color:var(--background-color)}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:var(--secondary-color)!important;opacity:1}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--secondary-color)!important;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--secondary-color)!important;opacity:1}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:var(--secondary-color)!important;opacity:1}input::placeholder,textarea::placeholder{color:var(--secondary-color)!important;opacity:1}textarea{height:auto;width:100%;resize:none;border:1px var(--input-style) var(--font-color);padding:.5em;font-size:1em;font-family:var(--font-stack);-webkit-appearance:none;border-radius:0}textarea:focus{outline:0;-webkit-appearance:none;border:1px solid var(--font-color)}textarea:not(:placeholder-shown):invalid{border-color:var(--error-color)}input:-webkit-autofill,input:-webkit-autofill:focus textarea:-webkit-autofill,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus{border:1px solid var(--font-color);-webkit-text-fill-color:var(--font-color);box-shadow:0 0 0 1000px var(--invert-font-color) inset;-webkit-box-shadow:0 0 0 1000px var(--invert-font-color) inset;transition:background-color 5000s ease-in-out 0s}.form-group{margin-bottom:var(--global-line-height);overflow:auto}.btn{border-style:solid;border-width:1px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;outline:0;padding:.65em 2em;font-size:1em;font-family:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;z-index:1}.btn:active{box-shadow:none}.btn.btn-ghost{border-color:var(--font-color);color:var(--font-color);background-color:transparent}.btn.btn-ghost:focus,.btn.btn-ghost:hover{border-color:var(--tertiary-color);color:var(--tertiary-color);z-index:2}.btn.btn-ghost:hover{background-color:transparent}.btn-block{width:100%;display:flex}.btn-default{background-color:var(--font-color);border-color:var(--invert-font-color);color:var(--invert-font-color)}.btn-default:focus:not(.btn-ghost),.btn-default:hover{background-color:var(--secondary-color);color:var(--invert-font-color)}.btn-default.btn-ghost:focus,.btn-default.btn-ghost:hover{border-color:var(--secondary-color);color:var(--secondary-color);z-index:2}.btn-error{color:var(--invert-font-color);background-color:var(--error-color);border:1px solid var(--error-color)}.btn-error:focus:not(.btn-ghost),.btn-error:hover{background-color:var(--error-color);border-color:var(--error-color)}.btn-error.btn-ghost{border-color:var(--error-color);color:var(--error-color)}.btn-error.btn-ghost:focus,.btn-error.btn-ghost:hover{border-color:var(--error-color);color:var(--error-color);z-index:2}.btn-primary{color:var(--invert-font-color);background-color:var(--primary-color);border:1px solid var(--primary-color)}.btn-primary:focus:not(.btn-ghost),.btn-primary:hover{background-color:var(--primary-color);border-color:var(--primary-color)}.btn-primary.btn-ghost{border-color:var(--primary-color);color:var(--primary-color)}.btn-primary.btn-ghost:focus,.btn-primary.btn-ghost:hover{border-color:var(--primary-color);color:var(--primary-color);z-index:2}.btn-small{padding:.5em 1.3em!important;font-size:.9em!important}.btn-group{overflow:auto}.btn-group .btn{float:left}.btn-group .btn-ghost:not(:first-child){margin-left:-1px}.terminal-card{border:1px solid var(--secondary-color)}.terminal-card>header{color:var(--invert-font-color);text-align:center;background-color:var(--secondary-color);padding:.5em 0}.terminal-card>div:first-of-type{padding:var(--global-space)}.terminal-timeline{position:relative;padding-left:70px}.terminal-timeline::before{content:' ';background:var(--secondary-color);display:inline-block;position:absolute;left:35px;width:2px;height:100%;z-index:400}.terminal-timeline .terminal-card{margin-bottom:25px}.terminal-timeline .terminal-card::before{content:' ';background:var(--invert-font-color);border:2px solid var(--secondary-color);display:inline-block;position:absolute;margin-top:25px;left:26px;width:15px;height:15px;z-index:400}.terminal-alert{color:var(--font-color);padding:1em;border:1px solid var(--font-color);margin-bottom:var(--global-space)}.terminal-alert-error{color:var(--error-color);border-color:var(--error-color)}.terminal-alert-primary{color:var(--primary-color);border-color:var(--primary-color)}@media screen and (max-width:960px){label{display:block;width:100%}pre::-webkit-scrollbar{height:3px}}@media screen and (max-width:480px){form{width:100%}}@media only screen and (min-width:30em){.terminal-nav{flex-direction:row;align-items:center}.terminal-menu ul{flex-direction:row;justify-items:flex-end;align-items:center;justify-content:flex-end;margin-top:calc(var(--global-space) * 2)}.terminal-menu li{margin:0;margin-right:2em}.terminal-menu li:last-child{margin-right:0}}.terminal-media:not(:last-child){margin-bottom:1.25rem}.terminal-media-left{padding-right:var(--global-space)}.terminal-media-left,.terminal-media-right{display:table-cell;vertical-align:top}.terminal-media-right{padding-left:var(--global-space)}.terminal-media-body{display:table-cell;vertical-align:top}.terminal-media-heading{font-size:1em;font-weight:700}.terminal-media-content{margin-top:.3rem}.terminal-placeholder{background-color:var(--secondary-color);text-align:center;color:var(--font-color);font-size:1rem;border:1px solid var(--secondary-color)}figure>img{padding:0}.terminal-avatarholder{width:calc(var(--global-space) * 5);height:calc(var(--global-space) * 5)}.terminal-avatarholder img{padding:0}figure{margin:0}figure>figcaption{color:var(--secondary-color);text-align:center}.hljs{display:block;overflow-x:auto;padding:.5em;background:var(--block-background-color);color:var(--font-color)}.hljs-comment,.hljs-quote{color:var(--secondary-color)}.hljs-variable{color:var(--font-color)}.hljs-built_in,.hljs-keyword,.hljs-name,.hljs-selector-tag,.hljs-tag{color:var(--primary-color)}.hljs-addition,.hljs-attribute,.hljs-literal,.hljs-section,.hljs-string,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type{color:var(--secondary-color)}.hljs-string{color:var(--secondary-color)}.hljs-deletion,.hljs-meta,.hljs-selector-attr,.hljs-selector-pseudo{color:var(--primary-color)}.hljs-doctag{color:var(--secondary-color)}.hljs-attr{color:var(--primary-color)}.hljs-bullet,.hljs-link,.hljs-symbol{color:var(--primary-color)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/example/content/favicon.png b/example/content/favicon.png
deleted file mode 100644
index 50c13fd..0000000
Binary files a/example/content/favicon.png and /dev/null differ
diff --git a/example/content/fonts/JetBrainsMono-Bold.woff2 b/example/content/fonts/JetBrainsMono-Bold.woff2
deleted file mode 100644
index 4917f43..0000000
Binary files a/example/content/fonts/JetBrainsMono-Bold.woff2 and /dev/null differ
diff --git a/example/content/fonts/JetBrainsMono-BoldItalic.woff2 b/example/content/fonts/JetBrainsMono-BoldItalic.woff2
deleted file mode 100644
index 536d3f7..0000000
Binary files a/example/content/fonts/JetBrainsMono-BoldItalic.woff2 and /dev/null differ
diff --git a/example/content/fonts/JetBrainsMono-ExtraBold.woff2 b/example/content/fonts/JetBrainsMono-ExtraBold.woff2
deleted file mode 100644
index 8f88c54..0000000
Binary files a/example/content/fonts/JetBrainsMono-ExtraBold.woff2 and /dev/null differ
diff --git a/example/content/fonts/JetBrainsMono-ExtraBoldItalic.woff2 b/example/content/fonts/JetBrainsMono-ExtraBoldItalic.woff2
deleted file mode 100644
index d1478ba..0000000
Binary files a/example/content/fonts/JetBrainsMono-ExtraBoldItalic.woff2 and /dev/null differ
diff --git a/example/content/fonts/JetBrainsMono-ExtraLight.woff2 b/example/content/fonts/JetBrainsMono-ExtraLight.woff2
deleted file mode 100644
index b97239f..0000000
Binary files a/example/content/fonts/JetBrainsMono-ExtraLight.woff2 and /dev/null differ
diff --git a/example/content/fonts/JetBrainsMono-ExtraLightItalic.woff2 b/example/content/fonts/JetBrainsMono-ExtraLightItalic.woff2
deleted file mode 100644
index be01aac..0000000
Binary files a/example/content/fonts/JetBrainsMono-ExtraLightItalic.woff2 and /dev/null differ
diff --git a/example/content/fonts/JetBrainsMono-Italic.woff2 b/example/content/fonts/JetBrainsMono-Italic.woff2
deleted file mode 100644
index d60c270..0000000
Binary files a/example/content/fonts/JetBrainsMono-Italic.woff2 and /dev/null differ
diff --git a/example/content/fonts/JetBrainsMono-Light.woff2 b/example/content/fonts/JetBrainsMono-Light.woff2
deleted file mode 100644
index 6538498..0000000
Binary files a/example/content/fonts/JetBrainsMono-Light.woff2 and /dev/null differ
diff --git a/example/content/fonts/JetBrainsMono-LightItalic.woff2 b/example/content/fonts/JetBrainsMono-LightItalic.woff2
deleted file mode 100644
index 66ca3d2..0000000
Binary files a/example/content/fonts/JetBrainsMono-LightItalic.woff2 and /dev/null differ
diff --git a/example/content/fonts/JetBrainsMono-Medium.woff2 b/example/content/fonts/JetBrainsMono-Medium.woff2
deleted file mode 100644
index 669d04c..0000000
Binary files a/example/content/fonts/JetBrainsMono-Medium.woff2 and /dev/null differ
diff --git a/example/content/fonts/JetBrainsMono-MediumItalic.woff2 b/example/content/fonts/JetBrainsMono-MediumItalic.woff2
deleted file mode 100644
index 80cfd15..0000000
Binary files a/example/content/fonts/JetBrainsMono-MediumItalic.woff2 and /dev/null differ
diff --git a/example/content/fonts/JetBrainsMono-Regular.woff2 b/example/content/fonts/JetBrainsMono-Regular.woff2
deleted file mode 100644
index 40da427..0000000
Binary files a/example/content/fonts/JetBrainsMono-Regular.woff2 and /dev/null differ
diff --git a/example/content/fonts/JetBrainsMono-SemiBold.woff2 b/example/content/fonts/JetBrainsMono-SemiBold.woff2
deleted file mode 100644
index 5ead7b0..0000000
Binary files a/example/content/fonts/JetBrainsMono-SemiBold.woff2 and /dev/null differ
diff --git a/example/content/fonts/JetBrainsMono-SemiBoldItalic.woff2 b/example/content/fonts/JetBrainsMono-SemiBoldItalic.woff2
deleted file mode 100644
index c5dd294..0000000
Binary files a/example/content/fonts/JetBrainsMono-SemiBoldItalic.woff2 and /dev/null differ
diff --git a/example/content/fonts/JetBrainsMono-Thin.woff2 b/example/content/fonts/JetBrainsMono-Thin.woff2
deleted file mode 100644
index 17270e4..0000000
Binary files a/example/content/fonts/JetBrainsMono-Thin.woff2 and /dev/null differ
diff --git a/example/content/fonts/JetBrainsMono-ThinItalic.woff2 b/example/content/fonts/JetBrainsMono-ThinItalic.woff2
deleted file mode 100644
index a643215..0000000
Binary files a/example/content/fonts/JetBrainsMono-ThinItalic.woff2 and /dev/null differ
diff --git a/example/content/images/haskell-logo.png b/example/content/images/haskell-logo.png
deleted file mode 100644
index 97c0937..0000000
Binary files a/example/content/images/haskell-logo.png and /dev/null differ
diff --git a/example/content/images/icons/github.svg b/example/content/images/icons/github.svg
deleted file mode 100644
index 40e8178..0000000
--- a/example/content/images/icons/github.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/example/content/images/icons/linkedin.svg b/example/content/images/icons/linkedin.svg
deleted file mode 100644
index 3b9cc05..0000000
--- a/example/content/images/icons/linkedin.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/example/content/images/icons/twitter.svg b/example/content/images/icons/twitter.svg
deleted file mode 100644
index a43d68d..0000000
--- a/example/content/images/icons/twitter.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/example/content/index.html b/example/content/index.html
deleted file mode 100644
index e69de29..0000000
diff --git a/example/content/posts/2015-08-12-spqr.markdown b/example/content/posts/2015-08-12-spqr.markdown
deleted file mode 100644
index 3704aa5..0000000
--- a/example/content/posts/2015-08-12-spqr.markdown
+++ /dev/null
@@ -1,59 +0,0 @@
----
-title: S.P.Q.R.
----
-
-Mauris in lorem nisl. Maecenas tempus facilisis ante, eget viverra nisl
-tincidunt et. Donec turpis lectus, mattis ac malesuada a, accumsan eu libero.
-Morbi condimentum, tortor et tincidunt ullamcorper, sem quam pretium nulla, id
-convallis lectus libero nec turpis. Proin dapibus nisi id est sodales nec
-ultrices tortor pellentesque. Vivamus vel nisi ac lacus sollicitudin vulputate
-ac ut ligula. Nullam feugiat risus eget eros gravida in molestie sapien euismod.
-Nunc sed hendrerit orci. Nulla mollis consequat lorem ac blandit. Ut et turpis
-mauris. Nulla est odio, posuere id ullamcorper sit amet, tincidunt vel justo.
-Curabitur placerat tincidunt varius. Nulla vulputate, ipsum eu consectetur
-mollis, dui nibh aliquam neque, at ultricies leo ligula et arcu. Proin et mi
-eget tellus sodales lobortis. Sed tempor, urna vel pulvinar faucibus, lectus
-urna vehicula ante, at facilisis dolor odio at lorem. Morbi vehicula euismod
-urna, et imperdiet urna ornare vitae.
-
-Sed tincidunt sollicitudin ultrices. In hac habitasse platea dictumst. Morbi
-ligula lectus, egestas at ultricies nec, fringilla et tellus. Duis urna lorem,
-bibendum a ornare sed, euismod sed nunc. Aliquam tempor massa at velit fringilla
-fringilla. Praesent sit amet tempor felis. Maecenas id felis ac velit aliquam
-tempor a sit amet orci. Nunc placerat nulla pellentesque sem commodo cursus.
-Praesent quis sapien orci, quis ultricies augue. Nam vestibulum sem non augue
-semper tincidunt pellentesque ipsum volutpat. Duis congue, nunc a aliquam
-luctus, quam ante convallis nisi, ac pellentesque lacus orci vel turpis. Cum
-sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
-mus. Suspendisse hendrerit nisl eu felis sagittis faucibus. Nunc eu congue
-lorem. Quisque non nibh nisi, et ultrices massa. Sed vitae erat vitae nulla
-pellentesque fermentum.
-
-Ut diam nunc, consectetur ut ultrices eu, iaculis sed felis. Sed lacinia, odio
-et accumsan luctus, arcu ipsum accumsan erat, sit amet malesuada libero lacus et
-velit. Donec accumsan tristique tristique. Proin a metus magna, vitae mattis
-nisl. Integer a libero ipsum. Mauris faucibus eleifend metus id sodales. Morbi
-ornare, nibh nec facilisis imperdiet, turpis sem commodo lorem, id commodo
-mauris metus vitae justo. Etiam at pellentesque tortor. Proin mollis accumsan
-ligula, nec tempus augue auctor quis. Nulla lacinia, mi quis lobortis auctor,
-nisi diam posuere dui, pulvinar feugiat dui libero eget quam. Fusce eu risus
-nunc, a consectetur orci. Class aptent taciti sociosqu ad litora torquent per
-conubia nostra, per inceptos himenaeos. Maecenas venenatis aliquet orci, a
-ultricies sem facilisis eu. Donec dolor purus, porta condimentum convallis nec,
-dignissim nec libero.
-
-Etiam rutrum ultricies dui, et interdum metus elementum et. Nulla sapien nunc,
-interdum tristique porttitor in, laoreet vitae mi. Ut vehicula auctor mauris sit
-amet bibendum. Phasellus adipiscing mattis libero, eget adipiscing erat
-dignissim at. Vivamus convallis malesuada metus nec cursus. Ut cursus, lorem
-eleifend sollicitudin condimentum, felis tortor sodales augue, ac tempus lacus
-ipsum vitae quam. Vestibulum vitae lacus non tortor vehicula iaculis faucibus
-quis massa.
-
-Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
-mus. Duis malesuada neque nec ante porttitor accumsan. Suspendisse potenti.
-Aliquam in lacus magna, imperdiet laoreet lectus. Praesent id diam nec ante
-commodo rhoncus nec vel augue. Pellentesque tortor massa, dignissim ut sagittis
-sed, hendrerit vitae nunc. Nam gravida, urna vitae hendrerit rutrum, felis augue
-vulputate tortor, ut varius velit libero nec lectus. In adipiscing massa in est
-scelerisque ullamcorper. Vivamus in nisi metus.
diff --git a/example/content/posts/2015-10-07-rosa-rosa-rosam.markdown b/example/content/posts/2015-10-07-rosa-rosa-rosam.markdown
deleted file mode 100644
index bbda8fd..0000000
--- a/example/content/posts/2015-10-07-rosa-rosa-rosam.markdown
+++ /dev/null
@@ -1,46 +0,0 @@
----
-title: Rosa Rosa Rosam
-author: Ovidius
----
-
-Suspendisse pharetra ullamcorper sem et auctor. Suspendisse vitae tellus eu
-turpis dignissim gravida ut ut tortor. Cum sociis natoque penatibus et magnis
-dis parturient montes, nascetur ridiculus mus. Morbi aliquam sapien quis nisl
-sodales non aliquet nisl iaculis. Curabitur fermentum orci vel sapien
-pellentesque id condimentum metus vehicula. Curabitur turpis purus, scelerisque
-at interdum quis, placerat sit amet tortor. Aliquam erat volutpat.
-
-Integer posuere felis non arcu suscipit ullamcorper. Nam tempus risus venenatis
-orci sagittis eu aliquam ante tincidunt. Aenean vehicula ipsum id sapien
-tincidunt commodo. Aliquam erat volutpat. Curabitur vehicula libero ac turpis
-cursus consectetur. Praesent posuere egestas purus et dapibus. Mauris egestas,
-lectus vitae scelerisque ultricies, metus lorem tempor nisi, sed vehicula tortor
-mauris nec urna. Quisque urna tellus, facilisis at mollis eget, adipiscing in
-nisl. Proin quam arcu, euismod et imperdiet sed, ultricies sed orci.
-
-Nulla malesuada sem eget lectus scelerisque nec rhoncus metus interdum. In dui
-felis, rhoncus id scelerisque eget, vulputate id sem. Nulla facilisi. Vestibulum
-eleifend, metus dignissim lacinia ornare, magna nulla vehicula nisi, sed
-molestie mauris ipsum vel turpis. Class aptent taciti sociosqu ad litora
-torquent per conubia nostra, per inceptos himenaeos. Nulla urna leo, vehicula
-eget dignissim a, hendrerit ut risus. Fusce ultricies elementum placerat. Nam at
-dolor sed nisi mollis sollicitudin vitae at urna. Vestibulum iaculis adipiscing
-eros et mollis.
-
-Phasellus ultricies elit eu risus sagittis eu dictum ante ultrices. Nulla
-congue, augue ac placerat tempor, orci mi luctus nisi, at varius ipsum sem sed
-eros. Vivamus eget velit eget felis posuere ornare. In sed metus non est iaculis
-facilisis dapibus sit amet enim. Aliquam viverra tortor eget neque volutpat in
-auctor urna rutrum. Aliquam ligula augue, congue sit amet rutrum in, semper vel
-nulla. Sed tempus porttitor faucibus. Donec cursus sodales nulla, quis lacinia
-mi vehicula vel. Sed nec purus orci. Nam leo sapien, rutrum a ultrices quis,
-placerat vel ligula. Donec massa quam, pellentesque et molestie nec, hendrerit
-id mauris. In hac habitasse platea dictumst. Cras quis quam sem. Curabitur in
-arcu diam, in interdum mauris.
-
-Proin lorem sapien, iaculis et faucibus nec, dictum sed nunc. Pellentesque in
-purus justo. Vestibulum facilisis rutrum nisi, a egestas nunc suscipit sed. Ut
-quis tortor a arcu bibendum placerat non sed ante. Praesent orci sem, posuere
-sit amet cursus molestie, volutpat ut purus. Curabitur aliquam, purus in
-pharetra viverra, lorem leo aliquam tellus, vel consequat felis neque et mauris.
-Aliquam erat volutpat.
diff --git a/example/content/posts/2015-11-28-carpe-diem.markdown b/example/content/posts/2015-11-28-carpe-diem.markdown
deleted file mode 100644
index bd115da..0000000
--- a/example/content/posts/2015-11-28-carpe-diem.markdown
+++ /dev/null
@@ -1,50 +0,0 @@
----
-title: Carpe Diem
----
-
-Fusce tortor quam, egestas in posuere quis, porttitor vel turpis. Donec
-vulputate porttitor augue at rhoncus. Proin iaculis consectetur sagittis.
-Curabitur venenatis turpis sit amet purus tristique nec posuere risus laoreet.
-Nullam nisi sem, dapibus id semper id, egestas vel arcu. Morbi porttitor ipsum
-placerat erat consequat sed consequat purus feugiat. Donec auctor elit ut risus
-mattis facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Proin vulputate sapien facilisis leo ornare pulvinar. Fusce tempus massa a risus
-semper iaculis. Suspendisse sollicitudin posuere nunc, sit amet rutrum leo
-facilisis mattis. Sed ornare auctor dui, vitae rutrum neque auctor sit amet.
-Proin ac dui magna. Mauris vehicula interdum augue, nec ultrices libero egestas
-quis. Nunc convallis euismod ipsum, id sollicitudin orci consequat ac. Fusce
-bibendum congue libero, in rutrum nulla congue non. Cras sit amet risus tortor,
-eu pellentesque dui. Phasellus euismod enim non nibh sodales quis consectetur
-lorem laoreet. Vivamus a egestas quam. Curabitur in tortor augue, vitae varius
-tellus. Integer varius, elit ac gravida suscipit, eros erat pellentesque nisi,
-et tristique augue odio id nulla. Aliquam sit amet nunc vel tellus hendrerit
-tempus ac vel sem.
-
-Aenean tincidunt sollicitudin sapien ut porttitor. Curabitur molestie adipiscing
-lorem vel scelerisque. Donec vitae interdum est. Proin rutrum vulputate
-faucibus. Suspendisse sit amet felis odio, non volutpat ante. Sed eu lectus
-quam. Curabitur tristique rhoncus est, vel commodo tortor suscipit semper.
-Maecenas feugiat vestibulum nisi id facilisis. Nulla non tincidunt libero.
-Praesent ultrices interdum commodo. Sed euismod nisl auctor leo ultrices rutrum.
-Aliquam nibh felis, congue molestie blandit at, bibendum at eros. Aenean
-tincidunt, tortor iaculis placerat sollicitudin, lorem justo tempor diam, et
-posuere sapien leo et magna. Quisque vel aliquam mauris.
-
-Proin varius tempus fermentum. Cum sociis natoque penatibus et magnis dis
-parturient montes, nascetur ridiculus mus. Sed tincidunt nunc id magna
-adipiscing non sollicitudin turpis tempor. Etiam vel elit ipsum, quis euismod
-velit. Quisque elementum magna vitae quam venenatis lacinia. Sed at arcu ipsum.
-Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
-himenaeos. Donec ut lorem ac sapien cursus lacinia sit amet mollis dolor.
-Vivamus tempus odio nec magna faucibus sed hendrerit lorem tempor.
-
-Vestibulum eu nisi arcu. Curabitur nisi risus, fermentum ut lacinia ut, interdum
-nec magna. Nunc aliquet gravida massa, eu aliquam lorem faucibus at. Sed
-sollicitudin volutpat velit id tempor. In nibh justo, pharetra et pretium
-dignissim, tempus in turpis. Phasellus eget lobortis nisl. Phasellus sed
-fermentum diam. Nam tempus pharetra odio, quis congue eros imperdiet eu. Aliquam
-dui eros, hendrerit et vulputate vel, porta eu eros. Nullam nisi dui, commodo
-eget pharetra ut, ornare sit amet nunc. Fusce vel neque urna. Maecenas nulla
-ante, egestas at consequat quis, fermentum a enim. Aliquam id tristique urna.
-Integer augue justo, scelerisque et consectetur id, rhoncus eget enim.
diff --git a/example/content/posts/2015-12-07-tu-quoque.markdown b/example/content/posts/2015-12-07-tu-quoque.markdown
deleted file mode 100644
index bdf2ea4..0000000
--- a/example/content/posts/2015-12-07-tu-quoque.markdown
+++ /dev/null
@@ -1,58 +0,0 @@
----
-title: Tu Quoque
-author: Julius
----
-
-Vestibulum leo turpis, dignissim quis ultrices sit amet, iaculis ac ligula.
-Pellentesque tristique, velit eget scelerisque scelerisque, est dolor ultrices
-arcu, quis ullamcorper justo arcu luctus mauris. Integer congue molestie nisi id
-posuere. Fusce pellentesque gravida tempus. Integer viverra tortor nec eros
-mollis quis convallis sem laoreet. Nulla id libero ac erat varius laoreet. Proin
-sed est est. Curabitur lacinia fermentum lorem, elementum malesuada ipsum
-malesuada ut. Donec suscipit elit id leo vehicula mattis non sed leo. Morbi
-varius eleifend varius. Nulla vestibulum, neque vitae aliquam eleifend, nisi
-tellus placerat nunc, quis suscipit elit turpis eu tortor. Etiam euismod
-convallis lectus quis venenatis. Phasellus laoreet magna in nibh cursus eu
-egestas nulla convallis. Aliquam vel ullamcorper risus. Fusce dictum, massa id
-consequat viverra, nulla ante tristique est, a faucibus nisi enim nec dui. Donec
-metus ligula, condimentum at porttitor eget, lobortis at quam.
-
-Aenean vel libero in magna ultricies congue in a odio. Donec faucibus rutrum
-ornare. Fusce dictum eleifend fermentum. Vestibulum vel nibh a metus porttitor
-rhoncus. Pellentesque id quam neque, eget molestie arcu. Integer in elit vel
-neque viverra ultricies in eget massa. Nam ut convallis est. Pellentesque eros
-eros, sodales non vehicula et, tincidunt ut odio. Cras suscipit ultrices metus
-sit amet molestie. Fusce enim leo, vehicula sed sodales quis, adipiscing at
-ipsum.
-
-Nunc tempor dignissim enim, sed tincidunt eros bibendum quis. Curabitur et dolor
-augue, id laoreet mi. Nulla cursus felis id dui vehicula vitae ornare lorem
-blandit. Cras eget dui nec odio volutpat pharetra. Fusce hendrerit justo justo,
-vel imperdiet enim. Vivamus elit risus, interdum ultrices accumsan eleifend,
-vestibulum vitae sapien. Integer bibendum ullamcorper tristique. Nulla quis odio
-lectus, quis eleifend augue. Integer a ligula mauris. Aenean et tempus tortor.
-Quisque at tortor mi. Vivamus accumsan feugiat est a blandit. Sed vitae enim ut
-dolor semper sodales. Duis tristique, ante et placerat elementum, nulla tellus
-pellentesque sapien, quis posuere velit mi eget nulla. Sed vestibulum nunc non
-est porttitor ut rutrum nibh semper. Pellentesque habitant morbi tristique
-senectus et netus et malesuada fames ac turpis egestas.
-
-Nulla adipiscing ultricies lobortis. Vivamus iaculis nisl vitae tellus laoreet
-vitae aliquet lacus mollis. Phasellus ut lacus urna, sed sagittis ante. Etiam
-consectetur pretium nisl sed dignissim. Pellentesque convallis, nisl eget
-commodo mollis, sem magna consequat arcu, sed pretium ipsum arcu sit amet neque.
-Aliquam erat volutpat. Morbi sed mi sed urna vestibulum placerat vitae vel
-metus. Fusce ac ante at justo pharetra vehicula. Vivamus vel tortor eget augue
-aliquet aliquet at vel odio. Nunc venenatis, magna quis facilisis fringilla,
-augue tellus varius neque, in vulputate est eros ut tortor. Duis lorem neque,
-aliquam congue posuere id, condimentum non dui. Phasellus ut dui massa,
-porttitor suscipit augue. Praesent quis tellus quam, vel volutpat metus. Vivamus
-enim est, aliquam in imperdiet et, sagittis eu ligula. Vestibulum hendrerit
-placerat orci et aliquet. Cras pharetra, dolor placerat lobortis tempor, metus
-odio cursus ligula, et posuere lacus ligula quis dui.
-
-Donec a lectus eu nibh malesuada aliquam. Proin at metus quam, et tincidunt leo.
-Quisque lacus justo, scelerisque sodales pulvinar sed, dignissim ut sapien.
-Vivamus diam felis, adipiscing sollicitudin ultricies id, accumsan ac felis. In
-eu posuere ligula. Suspendisse potenti. Donec porttitor dictum dui id vehicula.
-Integer ante velit, congue id dictum et, adipiscing a tortor.
diff --git a/example/content/scripts/nav.js b/example/content/scripts/nav.js
deleted file mode 100644
index 83347fd..0000000
--- a/example/content/scripts/nav.js
+++ /dev/null
@@ -1,16 +0,0 @@
-document.addEventListener('DOMContentLoaded', function () {
- // Get all "navbar-burger" elements
- var $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
- // Check if there are any navbar burgers
- if ($navbarBurgers.length > 0) {
- // Add a click event on each of them
- $navbarBurgers.forEach(function ($el) {
- $el.addEventListener('click', function () {
- // Get the "main-nav" element
- var $target = document.getElementById('main-nav');
- // Toggle the class on "main-nav"
- $target.classList.toggle('hidden');
- });
- });
- }
-});
diff --git a/example/content/try_hakyll.html b/example/content/try_hakyll.html
deleted file mode 100644
index 6dd191d..0000000
--- a/example/content/try_hakyll.html
+++ /dev/null
@@ -1,16 +0,0 @@
----
-title: Home
----
-
-
Welcome
-
-
-
-Welcome to my blog!
-
-I've reproduced a list of recent posts here for your reading pleasure:
-
-Posts
-$partial("templates/post-list.html")$
-
-…or you can find more in the archives .
diff --git a/example/content/try_terminal.html b/example/content/try_terminal.html
deleted file mode 100644
index 3e80154..0000000
--- a/example/content/try_terminal.html
+++ /dev/null
@@ -1,839 +0,0 @@
----
-title: Kompact.io
----
-
-
-
-
⟨K⟩
-
-
-
-
- ~> Lean dapp development
-
-
-
-
-
-
-
-A modern and minimal CSS framework for terminal lovers. ==>
-
-Project Goals
-
- Terminal CSS has no overhead and is lightweight
- (~ 3k gzip) . The source is written in
- pure css to be accessible for everybody and easy to
- contribute.
-
-Markdown ❤️ Terminal CSS
-
- It's perfect for your personal website , blog , or
- side project .
-
-How to use
-
- When using something like Webpack just install with
- npm i terminal.css
.
-
-import 'terminal.css'
-
- Terminal CSS is also available via
- CDN
-
-<link rel="stylesheet" href="https://unpkg.com/terminal.css@0.7.2/dist/terminal.min.css" />
-Themes
-
- To create your own theme just open the dev-tools and edit the CSS
- Variables. Copy and paste it to your website. Done!
-
-
-
-Contributors
-
-
-
-With ❤️ by Jonas D.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- This is a list item
- So is this - there could be more
-
- Make sure to style list items to:
-
- Not forgetting child list items
- Not forgetting child list items
- Not forgetting child list items
- Not forgetting child list items
-
-
- A couple more
- Top-level list items
-
- Don't forget Ordered lists :
-
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
-
- Aliquam tincidunt mauris eu risus
-
-
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
-
- Aliquam tincidunt mauris eu risus.
-
-
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Aliquam tincidunt mauris eu risus.
-
- Description lists are also included.
-
- Description list title 01
- Description list description 01
- Description list title 02
- Description list description 02
- Description list description 03
-
-
- A Table of content , which can be used as an index
- for a blog archive.
-
-
- Unlike regular lists, the TOC component
- only supports a single depth level.
-
-
-
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
-
-
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
-
- Aliquam tincidunt mauris eu risus.
-
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
-
- Aliquam tincidunt mauris eu risus.
-
-
-
-
-
-
- Typography
- Level 1 Heading
-
- Pellentesque habitant morbi tristique senectus et netus et
- malesuada fames ac turpis egestas. Vestibulum tortor quam,
- feugiat vitae, ultricies eget, tempor sit amet, ante.
-
- Level 2 Heading
-
- Pellentesque habitant morbi tristique senectus et netus et
- malesuada fames ac turpis egestas. Vestibulum tortor quam,
- feugiat vitae, ultricies eget, tempor sit amet, ante.
-
- Level 3 Heading
-
- Pellentesque habitant morbi tristique senectus et netus et
- malesuada fames ac turpis egestas. Vestibulum tortor quam,
- feugiat vitae, ultricies eget, tempor sit amet, ante.
-
- Level 4 Heading
- Level 5 Heading
- Level 6 Heading
-
-
-
-
-
-
-
-
- Most Downloaded Movies on BitTorrent, 2011
-
-
-
- Rank
- Movie
- Downloads
-
-
-
-
- torrentfreak.com
-
-
-
-
- 1
- Fast Five
- 9,260,000
-
-
- 2
- The Hangover II
- 8,840,000
-
-
- 3
- Thor
- 8,330,000
-
-
- 4
- Source Code
- 7,910,000
-
-
- 5
- I Am Number Four
- 7,670,000
-
-
- 6
- Sucker Punch
- 7,200,000
-
-
- 7
- 127 Hours
- 6,910,000
-
-
- 8
- Rango
- 6,480,000
-
-
- 9
- The King’s Speech
- 6,250,000
-
-
- 10
- Harry Potter and the Deathly Hallows Part 2
- 6,030,000
-
-
-
-
-
-
-
- Terminal CSS also supports a range of special elements.
-
- Blockquote
-
-
- This is a properly formatted blockquote, btw. Measuring
- programming progress by lines of code is like measuring aircraft
- building progress by weight.
-
-
-
- Misc
- Terminal Prompt
-
- I am the a tag example
- I am the abbr tag example
- I am the b tag example
- I am the cite tag example
- I am the code tag
example
- I am the del tag example
- I am the dfn tag example
- I am the em tag example
- I am the i tag example
- I am the ins tag example
- I am the kbd tag example
- I am the q tag example
- I am the samp tag example
- I am the small tag example
- I am the span tag example
- I am the strong tag example
- I am the sub tag example
- I am the sup tag example
- I am the var tag example
-
-
- Address
-
- Mozilla Foundation
- 1981 Landings Drive
- Building K
- Mountain View, CA 94043-0801
- USA
-
-
-
-
-
-