bigger update
This commit is contained in:
parent
5c1910292e
commit
03d46cb73a
2
.gitignore
vendored
Normal file
2
.gitignore
vendored
Normal file
@ -0,0 +1,2 @@
|
||||
public/
|
||||
|
22
config.toml
Normal file
22
config.toml
Normal 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
7
content/akordy/_index.md
Normal 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
14
content/akordy/first.md
Normal 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
14
content/akordy/second.md
Normal 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
4
content/contact.md
Normal file
@ -0,0 +1,4 @@
|
||||
+++
|
||||
title = "Contacts"
|
||||
template = "contact.html"
|
||||
+++
|
7
content/projects/_index.md
Normal file
7
content/projects/_index.md
Normal 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
14
content/projects/first.md
Normal 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
25
sass/_fonts.scss
Normal 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
5
sass/content.scss
Normal file
@ -0,0 +1,5 @@
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 2rem 8rem;
|
||||
}
|
34
sass/home.scss
Normal file
34
sass/home.scss
Normal 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
89
sass/style.scss
Normal 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
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
BIN
static/img/fr_logo.webp
Normal file
Binary file not shown.
After Width: | Height: | Size: 526 B |
63
templates/base.html
Normal file
63
templates/base.html
Normal file
@ -0,0 +1,63 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>
|
||||
{% block title %}
|
||||
{% if current_path != "/" %}
|
||||
{{ config.title }} –
|
||||
{% 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
14
templates/contact.html
Normal 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
38
templates/index.html
Normal file
@ -0,0 +1,38 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<section class="home">
|
||||
<section>
|
||||
<p>Filip Rojek <filip@filiprojek.cz></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
11
templates/project.html
Normal 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 %}
|
21
templates/project_list.html
Normal file
21
templates/project_list.html
Normal 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 %}
|
||||
…
|
||||
{% endif %}
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</section>
|
||||
{% endblock content %}
|
Loading…
Reference in New Issue
Block a user