Use the HyperLisp preprocessor for all html

:D

Signed-off-by: Raymonzut <me@raymon.dev>
master
Raymon Zutekouw 2 years ago
parent bfcd3f9c8f
commit 24a9a34a73
Signed by: raymon
GPG Key ID: 0E62222846283925
  1. 2
      README.md
  2. 10
      client/public/error/404.html
  3. 6
      client/public/error/404.lisp
  4. 50
      client/public/index.html
  5. 35
      client/public/index.lisp
  6. 35
      client/public/qa.html
  7. 31
      client/public/qa.lisp
  8. 38
      client/templates/post_index_page.html
  9. 31
      client/templates/post_index_page.lisp
  10. 36
      client/templates/post_single_page.html
  11. 35
      client/templates/post_single_page.lisp

@ -1,4 +1,6 @@
# Personal-Website
[![built with HyperLisp!](https://img.shields.io/badge/built%20with-HyperLisp!-informational)](https://github.com/circl-lastname/HyperLisp)
A nice introduction to my chaos
## Backstory

@ -1,10 +0,0 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>404</title>
</head>
<body>
This page could not be found, sorry for the inconvenience
</body>
</html>

@ -0,0 +1,6 @@
(html :lang 'en :dir 'ltr
(head
(meta :charset 'utf-8)
(title "404"))
(body
"This page could not be found, sorry for the inconvenience"))

@ -1,50 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta
name="description"
content="Raymon's personal website about his life and projects with a blog.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Raymon Zutekouw</title>
<link rel="dns-prefetch" href="https://cdn.statically.io">
<link defer
rel="stylesheet"
href="https://cdn.statically.io/gh/dragonprojects/dragondesign/master/main.min.css"
media="all"
>
<link defer rel="stylesheet" href="/css/general.css" media="all">
</head>
<body>
<div id="app">
<nav>
<a href="/">Home</a>|
<a href="/posts">Posts</a>|
<a href="/qa">QA</a>
</nav>
<h1>Home</h1>
<div>
<p>
Hi there, good to see you on my website.
My name is Raymon Zutekouw; Self-taught programmer by heart.
</p>
<p>
Building software and exploring the wide variety of tools (or making them) is my passion.
To see it in action, checkout the stuff I make on
<a href='https://github.com/Raymonzut'>GitHub</a>.
</p>
<p>
The projects that may be useful to others are open source; for inspiring others and improving each others work.
That is why I am a huge fan of
<a href='https://www.gnu.org/philosophy/free-sw.en.html'>free software</a>.
</p>
</div>
</div>
</body>
</html>

@ -0,0 +1,35 @@
(html :lang 'en
(head
(meta :charset 'utf-8)
(meta :name 'description
:content "Raymon's personal website about his life and projects with a blog.")
(meta :name 'viewport :content "width=device-width, initial-scale=1.0")
(title "Raymon Zutekouw")
(link :rel 'dns-prefetch :href "https://cdn.statically.io")
(link :defer '
:rel 'stylesheet
:href "https://cdn.statically.io/gh/dragonprojects/dragondesign/master/main.min.css"
:media 'all)
(link :defer '
:rel 'stylesheet
:href "/css/general.css"
:media 'all))
(body
(div :id "app"
(nav
(a :href "/" "Home") "|"
(a :href "/posts" "Posts") "|"
(a :href "/qa" "QA"))
(h1 "Home")
(div
(p "Hi there, good to see you on my website.
My name is Raymon Zutekouw; Self-taught programmer by heart.")
(p "Building software and exploring the wide variety of tools (or making them) is my passion.
To see it in action, checkout the stuff I make on "
(a :href "https://github.com/Raymonzut" "GitHub."))
(p "The projects that may be useful to others are open source; for inspiring others and improving each others work.
That is why I am a huge fan of "
(a :href "https://www.gnu.org/philosophy/free-sw.en.html" "free software"))))))

@ -1,35 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta
name="description"
content="Raymon answering common questions">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Raymon Zutekouw</title>
<link defer
rel="stylesheet"
href="https://cdn.statically.io/gh/dragonprojects/dragondesign/master/main.min.css"
media="all"
>
<link defer rel="stylesheet" href="/css/general.css" media="all">
</head>
<body>
<div id="app">
<nav>
<a href="/">Home</a>|
<a href="/posts">Posts</a>|
<a href="/qa">QA</a>
</nav>
<div>
<h4 class="question">What is this site about?</h4>
<h4>This site is about me and the stuff I make</h4>
<h4 class="question">Why is it still so empty?</h4>
<h4>Because I am framework hopping and now ditching frameworks all together</h4>
</div>
</div>
</body>
</html>

@ -0,0 +1,31 @@
(html :lang 'en
(head
(meta :charset 'utf-8)
(meta :name 'description
:content "Raymon answering common questions")
(meta :name 'viewport :content "width=device-width, initial-scale=1.0")
(title "Raymon Zutekouw")
(link :rel 'dns-prefetch :href "https://cdn.statically.io")
(link :defer '
:rel 'stylesheet
:href "https://cdn.statically.io/gh/dragonprojects/dragondesign/master/main.min.css"
:media 'all)
(link :defer '
:rel 'stylesheet
:href "/css/general.css"
:media 'all))
(body
(div :id "app"
(nav
(a :href "/" "Home") "|"
(a :href "/posts" "Posts") "|"
(a :href "/qa" "QA"))
(h1 "Questions and answers")
(div
(h4 :class "question" "What is this site about?")
(h4 "This site is about me and the stuff I make")
(h4 :class "question" "Why is it still so empty?")
(h4 "Because I am framework hopping and now ditching frameworks all together")))))

@ -1,38 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta
name="description"
content="Raymon typing nonsense on his blog">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Raymon Zutekouw</title>
<link defer
rel="stylesheet"
href="https://cdn.statically.io/gh/dragonprojects/dragondesign/master/main.min.css"
media="all"
>
<link defer rel="stylesheet" href="/css/general.css" media="all">
<script type="text/javascript">
document.addEventListener('DOMContentLoaded',
() => document.body.textContent = 'Please disable JavaScript to view the blog posts.',
false);
</script>
</head>
<body>
<main>
<nav>
<a href="/">Home</a>|
<a href="/posts">Posts</a>|
<a href="/qa">QA</a>
</nav>
<header>
<h1>Post listing</h1>
</header>
{{index}}
</main>
</body>
</html>

@ -0,0 +1,31 @@
(html :lang 'en
(head
(meta :charset 'utf-8)
(meta :name 'description
:content "Raymon typing nonsense on his blog")
(meta :name 'viewport :content "width=device-width, initial-scale=1.0")
(title "Raymon Zutekouw")
(link :rel 'dns-prefetch :href "https://cdn.statically.io")
(link :defer '
:rel 'stylesheet
:href "https://cdn.statically.io/gh/dragonprojects/dragondesign/master/main.min.css"
:media 'all)
(link :defer '
:rel 'stylesheet
:href "/css/general.css"
:media 'all)
(script :type 'text/javascript "
document.addEventListener('DOMContentLoaded',
() => document.body.textContent = 'Please disable JavaScript to view the blog posts.',
false);"))
(body
(main
(nav
(a :href "/" "Home") "|"
(a :href "/posts" "Posts") "|"
(a :href "/qa" "QA"))
(header
(h1 "Post listing"))
"{{index}}")))

@ -1,36 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta
name="description"
content="Raymon typing nonsense on his blog">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Raymon Zutekouw</title>
<link defer
rel="stylesheet"
href="https://cdn.statically.io/gh/dragonprojects/dragondesign/master/main.min.css"
media="all"
>
<link defer rel="stylesheet" href="/css/general.css" media="all">
</head>
<body>
<main>
<nav>
<a href="/">Home</a>|
<a href="/posts">Posts</a>|
<a href="/qa">QA</a>
</nav>
<article>
<header>
<h1>{{title}}</h1>
<p><strong>For those using a RSS reader, subscribe here: <a href="/posts/rss.xml">rss.xml</a></strong></p>
</header>
<time datetime="{{date}}"></time>
{{content}}
</article>
</main>
</body>
</html>

@ -0,0 +1,35 @@
(html :lang 'en
(head
(meta :charset 'utf-8)
(meta :name 'description
:content "Raymon typing nonsense on his blog")
(meta :name 'viewport :content "width=device-width, initial-scale=1.0")
(title "Raymon Zutekouw")
(link :rel 'dns-prefetch :href "https://cdn.statically.io")
(link :defer '
:rel 'stylesheet
:href "https://cdn.statically.io/gh/dragonprojects/dragondesign/master/main.min.css"
:media 'all)
(link :defer '
:rel 'stylesheet
:href "/css/general.css"
:media 'all)
(script :type 'text/javascript "
document.addEventListener('DOMContentLoaded',
() => document.body.textContent = 'Please disable JavaScript to view the blog posts.',
false);"))
(body
(main
(nav
(a :href "/" "Home") "|"
(a :href "/posts" "Posts") "|"
(a :href "/qa" "QA"))
(article
(header
(h1 "{{title}}")
(p (strong "For those using a RSS reader, subscribe here: ")
(a :href "/posts/rss.xml" "rss.xml")))
(time :datetime "{{date}}")
"{{content}}"))))
Loading…
Cancel
Save