bigger update

This commit is contained in:
Filip Rojek 2023-06-17 15:58:42 +02:00
parent 5c1910292e
commit 03d46cb73a
Signed by: fr
GPG Key ID: 15DACCB749C801FA
19 changed files with 384 additions and 0 deletions

2
.gitignore vendored Normal file
View File

@ -0,0 +1,2 @@
public/

22
config.toml Normal file
View File

@ -0,0 +1,22 @@
# The URL the site will be built for
base_url = "https://www.filiprojek.cz"
title = "Filip Rojek"
compile_sass = true
minify_html = true
build_search_index = false
[markdown]
highlight_code = true
external_links_no_follow = true
external_links_no_referrer = true
smart_punctuation = true
[extra]
git = "https://git.filiprojek.cz/fr/website"
nav_items = [
{name="Home", path="/"},
{name="Projects", path="/projects/"},
{name="Contacts", path="/contact/"},
]

7
content/akordy/_index.md Normal file
View File

@ -0,0 +1,7 @@
+++
title = "Akordy"
template = "akordy_list.html"
page_template = "akordy.html"
sort_by = "date"
+++

14
content/akordy/first.md Normal file
View File

@ -0,0 +1,14 @@
+++
title = "Fofrbazar"
date = 2019-11-27
+++
## Internetová bazarová platforma
### 04/2021
- Technologie
- PHP
- Laravel
- MySQL
- Linux
- Apache

14
content/akordy/second.md Normal file
View File

@ -0,0 +1,14 @@
+++
title = "Fofrbazar"
date = 2019-11-27
+++
## Internetová bazarová platforma
### 04/2021
- Technologie
- PHP
- Laravel
- MySQL
- Linux
- Apache

4
content/contact.md Normal file
View File

@ -0,0 +1,4 @@
+++
title = "Contacts"
template = "contact.html"
+++

View File

@ -0,0 +1,7 @@
+++
title = "Projects"
template = "project_list.html"
page_template = "project.html"
sort_by = "date"
+++

14
content/projects/first.md Normal file
View File

@ -0,0 +1,14 @@
+++
title = "Fofrbazar"
date = 2019-11-27
+++
## Internetová bazarová platforma
### 04/2021
- Technologie
- PHP
- Laravel
- MySQL
- Linux
- Apache

25
sass/_fonts.scss Normal file
View File

@ -0,0 +1,25 @@
@font-face {
font-family: open-sans;
font-weight: normal;
font-style: normal;
src: url('fonts/open-sans-regular.woff2') format('woff2'),
url('fonts/open-sans-regular.woff') format('woff'),
url('fonts/open-sans-regular.ttf') format('truetype');
}
@font-face {
font-family: open-sans;
font-weight: normal;
font-style: italic;
src: url('fonts/open-sans-italic.woff2') format('woff2'),
url('fonts/open-sans-italic.woff') format('woff'),
url('fonts/open-sans-italic.ttf') format('truetype');
}
@font-face {
font-family: open-sans;
font-weight: bold;
font-style: normal;
src: url('fonts/open-sans-bold.woff2') format('woff2'),
url('fonts/open-sans-bold.woff') format('woff'),
url('fonts/open-sans-bold.ttf') format('truetype');
}

5
sass/content.scss Normal file
View File

@ -0,0 +1,5 @@
.content {
display: flex;
flex-direction: column;
margin: 2rem 8rem;
}

34
sass/home.scss Normal file
View File

@ -0,0 +1,34 @@
.content {
margin-block: auto;
}
.home {
margin-top: 5rem;
font-size: 1.2rem;
section {
text-align: center;
}
a {
color: lightblue;
cursor: pointer;
text-decoration: underline;
}
#pgp {
cursor: pointer;
}
#pgpmobile {
display: none;
}
}
@media (max-width: 600px) {
#pgp {
display: none;
}
#pgpmobile {
display: inline-block;
}
}

89
sass/style.scss Normal file
View File

@ -0,0 +1,89 @@
body {
--base-padding: .5rem 1rem;
--base-margin: 2rem;
--background: #111111;
--color: #ffffff;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
display: flex;
flex-direction: column;
min-height: 100vh;
font-family: 'Source Code Pro', monospace;
background: var(--background);
color: var(--color);
}
html {
overflow-y: scroll !important;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
scroll-behavior: smooth;
}
*::-webkit-scrollbar {
width: 5px;
}
*::-webkit-scrollbar-thumb {
background-color: #ffffff;
border-radius: 20px;
}
*::-webkit-scrollbar-track {
background: #000000;
}
nav {
position: relative;
display: flex;
padding: 1rem;
justify-content: space-between;
isolation: isolate;
.logo img {
height: 3rem;
}
.links {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
z-index: -1;
color: var(--color);
font-size: 1.3rem;
}
}
a { color: var(--color); }
a:visited { color: var(--color); }
a:hover { color: red; }
@media (min-width: 400px) {
nav .links {
position: absolute;
inset: 0;
}
}
/*
.content {
padding: 2rem 1rem;
}
*/
footer {
display: flex;
width: 100vw;
flex-direction: column;
justify-content: center;
align-items: center;
align-self: flex-end;
margin-top: auto;
margin-bottom: 2rem;
}

BIN
static/img/fr.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
static/img/fr_logo.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 526 B

63
templates/base.html Normal file
View File

@ -0,0 +1,63 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>
{% block title %}
{% if current_path != "/" %}
{{ config.title }} &ndash;
{% if section.title %}
{{ section.title }}
{% elif page.title %}
{{ page.title }}
{% endif %}
{% else %}
{{ config.title }}
{% endif %}
{% endblock title %}
</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="/img/fr.ico">
<link href="/style.css" rel="stylesheet">
<link href="/home.css" rel="stylesheet">
<link href="/content.css" rel="stylesheet">
</head>
<body>
<header>
<nav>
<a href="/" class="logo">
<img src="/img/fr_logo.webp" alt="logo">
</a>
<div class="links">
{% for item in config.extra.nav_items %}
<a href="{{ item.path }}"
{% if item.path == current_path and item.path != "/" %}
class="active"
{% endif %}
>{{ item.name }}</a>
{% endfor %}
</div>
</nav>
</header>
<main>
{% block content %}
<section>
{% if section %}
{{ section.content | safe }}
{% elif page %}
{{ page.content | safe }}
{% endif %}
</section>
{% endblock content %}
</main>
<footer>
<p>Build time: {{ now() | date(format="%Y-%m-%d %H:%M") }},
{% if config.extra.git %}
<a href="{{ config.extra.git }}">Source</a>
{% endif %}</p>
<p>(c) filiprojek.cz 2022 - {{ now() | date(format="%Y")}}</p>
</footer>
</body>
</html>

14
templates/contact.html Normal file
View File

@ -0,0 +1,14 @@
{% extends "base.html" %}
{% block content %}
<section class="contact content">
<h1>Contacts</h1>
<div class="contact-list">
<p>email: <a href="mailto:filip@filiprojek.cz">filip@filiprojek.cz</a></p>
<p>telegram: <a href="https://t.me/filiprojek">@filiprojek</a></p>
<p>git: <a href="https://git.filiprojek.cz">https://git.filiprojek.cz</a></p>
<p>github: <a href="https://github.com/filiprojek">https://github.com/filiprojek</a></p>
<p>PGP: <a href="#">fc37b989787acf8cbce7c0c2a56a345efe321161</a></p>
</div>
</section>
{% endblock content %}

38
templates/index.html Normal file
View File

@ -0,0 +1,38 @@
{% extends "base.html" %}
{% block content %}
<section class="home">
<section>
<p>Filip Rojek &ltfilip@filiprojek.cz&gt</p>
<br>
<p>Backend node.js & php developer <a href="https://www.fofrweb.com/" target="_blank">@fofrweb</a>,<br> Linux <a href="http://voidlinux.org" target="_blank">Void</a> user, student and coffee enthusiast<span class="underscore">_</span><p>
<br>
<p id="pgp" title="copy pgp to clipboard">PGP: fc37b989787acf8cbce7c0c2a56a345efe321161</p>
<br>
<p><a href="https://git.filiprojek.cz/fr" target="_blank">Git</a> <a href="https://t.me/filiprojek" target="_blank">Telegram</a> <a href="#" id="pgpmobile" title="copy pgp to clipboard">PGP</a></p>
</section>
<script>
const _ = document.querySelector(".underscore")
let b = false
setInterval(() => {
b ? _.style.visibility = "visible" : _.style.visibility = "hidden"
b = !b
}, 500)
const pgp = document.querySelector("#pgp")
const pgpmobile = document.querySelector("#pgpmobile")
const pgpcp = (e) => {
console.log(e)
navigator.clipboard.writeText("fc37b989787acf8cbce7c0c2a56a345efe321161")
alert("pgp has been copied to the clipboard")
}
pgp.addEventListener("click", pgpcp)
pgpmobile.addEventListener("click", pgpcp)
</script>
</section>
{% endblock content %}

11
templates/project.html Normal file
View File

@ -0,0 +1,11 @@
{% extends "base.html" %}
{% block content %}
<section>
<h1>{{ page.title }}</h1>
{{ page.description }}
</section>
<section>
{{ page.content | safe }}
</section>
{% endblock content %}

View File

@ -0,0 +1,21 @@
{% extends "base.html" %}
{% block content %}
<section class="project-list content">
<h1>My Projects</h1>
{% for project in section.pages %}
<a href="{{ project.permalink }}">
<div class="description">
<div class="title">{{ project.title }}</div>
<p>
{% if project.description %}
{{ project.description }}
{% else %}
&hellip;
{% endif %}
</p>
</div>
</a>
{% endfor %}
</section>
{% endblock content %}