new header bar and improvements to script
This commit is contained in:
parent
cd03d5f7ff
commit
3bdaac7653
7
Makefile
7
Makefile
|
@ -1,4 +1,11 @@
|
|||
package:
|
||||
$(MAKE) clean
|
||||
$(MAKE) raw-package
|
||||
|
||||
raw-package:
|
||||
./scripts/create-pages.sh
|
||||
cp style.css public/style.css
|
||||
cp logo/logo_small.jpg public/logo.jpg
|
||||
|
||||
clean:
|
||||
rm public/* || true
|
||||
|
|
|
@ -1,6 +1,7 @@
|
|||
---
|
||||
title: "Index"
|
||||
lang: en-us
|
||||
homepage: true
|
||||
---
|
||||
|
||||
Hi, I'm Fl1tzi.
|
||||
|
|
|
@ -25,10 +25,8 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|||
<body>
|
||||
<!-- header -->
|
||||
<section id="header">
|
||||
<img src="logo.jpg" alt="Profile picture" height="75">
|
||||
<a href="/">HOME</a>
|
||||
/
|
||||
<span class="title">Applications</span>
|
||||
<a href="/" class="go-home">< Homepage</a>
|
||||
<h1 class="title">Applications</h1>
|
||||
</section>
|
||||
|
||||
<!-- content -->
|
||||
|
|
|
@ -25,10 +25,8 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|||
<body>
|
||||
<!-- header -->
|
||||
<section id="header">
|
||||
<img src="logo.jpg" alt="Profile picture" height="75">
|
||||
<a href="/">HOME</a>
|
||||
/
|
||||
<span class="title">Contact</span>
|
||||
<a href="/" class="go-home">< Homepage</a>
|
||||
<h1 class="title">Contact</h1>
|
||||
</section>
|
||||
|
||||
<!-- content -->
|
||||
|
|
|
@ -25,10 +25,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|||
<body>
|
||||
<!-- header -->
|
||||
<section id="header">
|
||||
<img src="logo.jpg" alt="Profile picture" height="75">
|
||||
<a href="/">HOME</a>
|
||||
/
|
||||
<span class="title">Index</span>
|
||||
<h1 class="title">Index</h1>
|
||||
</section>
|
||||
|
||||
<!-- content -->
|
||||
|
|
|
@ -16,6 +16,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|||
--font-size: 16px;
|
||||
--background-color: #15161e;
|
||||
--text-color: #FFFbF1;
|
||||
--light-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
body {
|
||||
|
@ -35,11 +36,6 @@ body {
|
|||
|
||||
section#header {
|
||||
font: var(--font-size) var(--font-family-header-footer);
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
section#content {
|
||||
|
@ -69,12 +65,22 @@ pre {
|
|||
}
|
||||
|
||||
.title {
|
||||
letter-spacing: 5px;
|
||||
font-size: 50px;
|
||||
text-transform: uppercase;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.go-home {
|
||||
text-decoration: none;
|
||||
border-bottom: 2px solid;
|
||||
color: var(--light-color);
|
||||
}
|
||||
|
||||
.go-home:hover {
|
||||
color: white;
|
||||
}
|
||||
|
||||
table, th, td {
|
||||
border: 1px solid white;
|
||||
border-collapse: collapse;
|
||||
|
@ -85,7 +91,7 @@ th, td {
|
|||
}
|
||||
|
||||
th {
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
background-color: var(--light-color);
|
||||
}
|
||||
|
||||
/* Show bigger links on touchscreens (hopefully) */
|
||||
|
|
|
@ -1,6 +1,7 @@
|
|||
#! /usr/bin/env bash
|
||||
for page in $(ls pages); do
|
||||
pandoc --from gfm+smart+yaml_metadata_block "pages/$page" \
|
||||
pandoc --from gfm+smart+yaml_metadata_block \
|
||||
-s "pages/$page" \
|
||||
-o "public/$(basename $page .md).html" \
|
||||
--template template.html
|
||||
done
|
||||
|
|
20
style.css
20
style.css
|
@ -16,6 +16,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|||
--font-size: 16px;
|
||||
--background-color: #15161e;
|
||||
--text-color: #FFFbF1;
|
||||
--light-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
body {
|
||||
|
@ -35,11 +36,6 @@ body {
|
|||
|
||||
section#header {
|
||||
font: var(--font-size) var(--font-family-header-footer);
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
section#content {
|
||||
|
@ -69,12 +65,22 @@ pre {
|
|||
}
|
||||
|
||||
.title {
|
||||
letter-spacing: 5px;
|
||||
font-size: 50px;
|
||||
text-transform: uppercase;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.go-home {
|
||||
text-decoration: none;
|
||||
border-bottom: 2px solid;
|
||||
color: var(--light-color);
|
||||
}
|
||||
|
||||
.go-home:hover {
|
||||
color: white;
|
||||
}
|
||||
|
||||
table, th, td {
|
||||
border: 1px solid white;
|
||||
border-collapse: collapse;
|
||||
|
@ -85,7 +91,7 @@ th, td {
|
|||
}
|
||||
|
||||
th {
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
background-color: var(--light-color);
|
||||
}
|
||||
|
||||
/* Show bigger links on touchscreens (hopefully) */
|
||||
|
|
|
@ -25,10 +25,11 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|||
<body>
|
||||
<!-- header -->
|
||||
<section id="header">
|
||||
<img src="logo.jpg" alt="Profile picture" height="75">
|
||||
<a href="/">HOME</a>
|
||||
/
|
||||
<span class="title">$title$</span>
|
||||
$if(homepage)$
|
||||
$else$
|
||||
<a href="/" class="go-home">< Homepage</a>
|
||||
$endif$
|
||||
<h1 class="title">$title$</h1>
|
||||
</section>
|
||||
|
||||
<!-- content -->
|
||||
|
|
Loading…
Reference in a new issue