Fl1tzi/fl1tzi.com
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

dynamic spacing

Browse source
This commit is contained in:
Fl1tzi 2023-06-09 19:17:30 +02:00
parent 40b7be0e6d
commit f23d35eecb
10 changed files with 49 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
Makefile
View file

@ -1,3 +1,3 @@
package:
./scripts/create-pages.sh
cp index.css public/index.css
cp style.css public/style.css

2
pages/applications.md
View file

@ -1,5 +1,5 @@
---
title: "A P P L I C A T I O N S"
title: "Applications"
lang: en-us
---

2
pages/contact.md
View file

@ -1,5 +1,5 @@
---
title: "C O N T A C T"
title: "Contact"
lang: en-us
---

2
pages/index.md
View file

@ -1,5 +1,5 @@
---
title: "I N D E X"
title: "Index"
lang: en-us
---

12
public/applications.html
View file

@ -14,27 +14,25 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
<html>
<head>
<title>A P P L I C A T I O N S</title>
<title>Applications</title>
<meta charset="UTF-8">
<meta name="generator" content="pandoc">
<!--<link rel="stylesheet" href="/pico/css/pico.min.css">-->
<link rel="stylesheet" href="/index.css">
<link rel="stylesheet" href="/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Fl1tzi<git@fl1tzi.com>">
<meta name="author" content="Fl1tzi<root@fl1tzi.com>">
</head>
<body>
<!-- header -->
<section id="header">
<a href="/">HOME</a>
<pre>
<a href="/">HOME</a>
____ _ __ _____ _____ __
| _|| |/_ ||_ _|_ | |
| _|| |_| | | | / /_| |
|__| |___| _| |_| /____|__|
A P P L I C A T I O N S
</pre>
<p class="title">Applications</p>
</section>
<!-- content -->

12
public/contact.html
View file

@ -14,27 +14,25 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
<html>
<head>
<title>C O N T A C T</title>
<title>Contact</title>
<meta charset="UTF-8">
<meta name="generator" content="pandoc">
<!--<link rel="stylesheet" href="/pico/css/pico.min.css">-->
<link rel="stylesheet" href="/index.css">
<link rel="stylesheet" href="/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Fl1tzi<git@fl1tzi.com>">
<meta name="author" content="Fl1tzi<root@fl1tzi.com>">
</head>
<body>
<!-- header -->
<section id="header">
<a href="/">HOME</a>
<pre>
<a href="/">HOME</a>
____ _ __ _____ _____ __
| _|| |/_ ||_ _|_ | |
| _|| |_| | | | / /_| |
|__| |___| _| |_| /____|__|
C O N T A C T
</pre>
<p class="title">Contact</p>
</section>
<!-- content -->

12
public/index.html
View file

@ -14,27 +14,25 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
<html>
<head>
<title>I N D E X</title>
<title>Index</title>
<meta charset="UTF-8">
<meta name="generator" content="pandoc">
<!--<link rel="stylesheet" href="/pico/css/pico.min.css">-->
<link rel="stylesheet" href="/index.css">
<link rel="stylesheet" href="/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Fl1tzi<git@fl1tzi.com>">
<meta name="author" content="Fl1tzi<root@fl1tzi.com>">
</head>
<body>
<!-- header -->
<section id="header">
<a href="/">HOME</a>
<pre>
<a href="/">HOME</a>
____ _ __ _____ _____ __
| _|| |/_ ||_ _|_ | |
| _|| |_| | | | / /_| |
|__| |___| _| |_| /____|__|
I N D E X
</pre>
<p class="title">Index</p>
</section>
<!-- content -->

14
index.css → public/style.css
View file

@ -26,7 +26,7 @@ section#header {
}
section#content {
margin-top: 10px;
margin-top: 30px;
margin-bottom: 10px;
}
@ -40,6 +40,18 @@ a {
color: white;
}
pre {
margin-top: 0;
margin-bottom: 0;
}
p.title {
letter-spacing: 10px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
}
/* Show bigger links on touchscreens (hopefully) */
@media (pointer:none), (pointer:coarse) {
a {

14
public/index.css → style.css
View file

@ -26,7 +26,7 @@ section#header {
}
section#content {
margin-top: 10px;
margin-top: 30px;
margin-bottom: 10px;
}
@ -40,6 +40,18 @@ a {
color: white;
}
pre {
margin-top: 0;
margin-bottom: 0;
}
p.title {
letter-spacing: 10px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
}
/* Show bigger links on touchscreens (hopefully) */
@media (pointer:none), (pointer:coarse) {
a {

10
template.html
View file

@ -17,24 +17,22 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
<title>$title$</title>
<meta charset="UTF-8">
<meta name="generator" content="pandoc">
<!--<link rel="stylesheet" href="/pico/css/pico.min.css">-->
<link rel="stylesheet" href="/index.css">
<link rel="stylesheet" href="/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Fl1tzi<git@fl1tzi.com>">
<meta name="author" content="Fl1tzi<root@fl1tzi.com>">
</head>
<body>
<!-- header -->
<section id="header">
<a href="/">HOME</a>
<pre>
<a href="/">HOME</a>
____ _ __ _____ _____ __
| _|| |/_ ||_ _|_ | |
| _|| |_| | | | / /_| |
|__| |___| _| |_| /____|__|
$title$
</pre>
<p class="title">$title$</p>
</section>
<!-- content -->