This commit is contained in:
Alec Höfler 2021-07-29 02:49:31 +02:00
parent 49ec65e396
commit bfb7b86665
No known key found for this signature in database
GPG Key ID: 3629B3F7903F700E
10 changed files with 534 additions and 381 deletions

3
.gitignore vendored
View File

@ -162,4 +162,5 @@ temp/
# Custom rules (everything added below won't be overriden by 'Generate .gitignore File' if you use 'Update' option)
.idea/
public/dist
public/dist
.vscode

View File

@ -1,140 +1,158 @@
<html lang="de">
<head>
<head>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
crossorigin="anonymous"
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="dist/style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="dist/style.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>ITbyHF | Profilpage</title>
<meta charset="UTF-8" />
<meta charset="UTF-8"/>
<link rel="icon" type="image/png" href="https://cdn.a-hoefler.eu/resources/img/logo-min.png" sizes="1000x1000">
</head>
</head>
<body onload="loaded()" >
<div id="loader-wr">
<div id="loader">
<p id="loading">Lade</p>
<div class="loader-spinner spinner-border text-info" id="loading-circle">
<span class="sr-only"></span>
</div>
</div>
</div>
<div class="header" id="header">
<div class="start-bg-logo">
<body onload="loaded()">
<div id="loader-wr">
<div id="loader">
<p id="loading">Lade</p>
<div class="loader-spinner spinner-border text-info" id="loading-circle">
<span class="sr-only"></span>
</div>
</div>
</div>
<div class="header" id="header">
<div class="start-bg-logo">
<navbarwr id="navbar_wr"></navbarwr>
<div class="start-bg-text">
<p>ITbyHF</p>
<p>ITbyHF</p>
</div>
</div>
<div class="stage">
<a id="mouse" href="#intro"></a>
</div>
</div>
<div class="stage">
<a id="mouse" href="#intro"></a>
</div>
</div>
<div class="content" id="content">
<div id="intro">
<div class="content" id="content">
<div id="intro">
<h1>Über mich</h1>
<div class="row">
<img
src="//cdn.a-hoefler.eu/apps/zj3hnjz38r/Logo.png"
class="col-xs-10"
/>
<span id="pp-text-intro" class="col-xs-10"></span>
<img
src="//cdn.a-hoefler.eu/apps/zj3hnjz38r/Logo.png"
class="col-xs-10"
alt="Logo"/>
<span id="pp-text-intro" class="col-xs-10"></span>
</div>
</div>
<!--END #intro box-->
</div>
<!--END #intro box-->
<br clear="all" />
<br/>
<div id="skills">
<div id="skills">
<h1>Skills</h1>
<div id="skill-box" class="row"></div>
</div>
<!--END #skills-->
</div>
<!--END #skills-->
<br clear="all" />
<br/>
<div class="recentPosts">
<div class="recentPosts">
<h1>Blog</h1>
<div id="recentposts-wr" class="row recommended_posts"></div>
</div>
</div>
<br clear="all" />
<br/>
<div id="contact">
<div id="contact">
<h1>Kontakt</h1>
<br><br>
<br><br>
<div class="form-group">
<label for="contactEmail" class="col-sm-2 control-label">Email</label>
<div class="col-sm-10">
<input
type="email"
class="form-control"
id="contactEmail"
placeholder="max@mustermann.net"
required
/>
</div>
</div>
<div class="form-group">
<label for="contactTitle" class="col-sm-2 control-label">Titel</label>
<div class="col-sm-10">
<input
type="text"
class="form-control"
id="contactTitle"
placeholder="Sehr wichtig!"
required
/>
</div>
</div>
<div class="form-group">
<label for="contactText" class="col-sm-2 control-label">Text</label>
<div class="col-sm-10">
<textarea
class="form-control"
rows="5"
id="contactText"
placeholder="Lorem labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
></textarea>
</div>
</div>
<!-- //TODO
<div class="form-group">
<label for="contactSendResponse" class="col-sm-2 control-label">Bestätigung senden</label>
<label for="contactEmail" class="col-sm-2 control-label">Email</label>
<div class="col-sm-10">
<label><input type="checkbox" id="contactSendResponse" /></label>
<input
type="email"
class="form-control"
id="contactEmail"
placeholder="max@mustermann.net"
required
/>
</div>
</div>
</div>
-->
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-default" id="contactSubmit">Absenden</button>
</div>
<label for="contactTitle" class="col-sm-2 control-label">Titel</label>
<div class="col-sm-10">
<input
type="text"
class="form-control"
id="contactTitle"
placeholder="Sehr wichtig!"
required
/>
</div>
</div>
<div class="form-group">
<label for="contactText" class="col-sm-2 control-label">Text</label>
<div class="col-sm-10">
<textarea
class="form-control"
rows="5"
id="contactText"
placeholder="Lorem labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
></textarea>
</div>
</div>
<!-- //TODO
<div class="form-group">
<label for="contactSendResponse" class="col-sm-2 control-label">Bestätigung senden</label>
<div class="col-sm-10">
<label><input type="checkbox" id="contactSendResponse" /></label>
</div>
</div>
</div>
-->
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-default" id="contactSubmit">Absenden</button>
</div>
</div>
<span id="contactStatus"></span>
</div>
<!--END #contact-->
<br clear="all" />
</div>
<!--END #contact-->
</div>
<br/>
<div id="bottom"></div>
<script>
var page = "start";
</script>
<script src="dist/jquery.js"></script>
<script src="dist/index.js"></script>
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/cookie.js"></script>
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/bootstrap.min.js"></script>
<style>
.header,.content{display:none;}
</style>
<script src="/templates/loader.js"></script>
</body>
<!-- START Cookie-Alert -->
<div class="alert text-center cookiealert" role="alert">
<span>
&#x1F36A; Um die Experience zu verbessern, werden Cookies verwendet.
</span>
<a href="https://de.wikipedia.org/wiki/HTTP-Cookie" target="_blank"
>Mehr</a
>
<button type="button" class="btn btn-primary btn-sm acceptcookies">
&times;
</button>
</div>
<!-- END Cookie-Alert -->
<script>
const page = "start";
</script>
<script src="dist/jquery.js"></script>
<script src="dist/index.js"></script>
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/cookie.js"></script>
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/bootstrap.min.js"></script>
<style>
.header, #content,#bottom {
display: none;
}
</style>
<script src="./templates/loader.js"></script>
</body>
</html>

View File

@ -1,78 +1,80 @@
<html lang="de">
<head>
<head>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
crossorigin="anonymous"
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="../dist/style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Datenschutz - ITbyHF | Profilpage</title>
<meta charset="UTF-8" />
<link rel="stylesheet" href="../dist/style.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Blog - ITbyHF | Profilpage</title>
<meta charset="UTF-8"/>
<link rel="icon" type="image/png" href="https://cdn.a-hoefler.eu/resources/img/logo-min.png" sizes="1000x1000">
</head>
</head>
<body onload="loaded()" >
<div id="loader-wr">
<div id="loader">
<p id="loading">Lade</p>
<div class="loader-spinner spinner-border text-info" id="loading-circle">
<span class="sr-only"></span>
</div>
</div>
</div>
<div class="header" id="header">
<div class="start-bg-logo">
<body onload="loaded()">
<div id="loader-wr">
<div id="loader">
<p id="loading">Lade</p>
<div class="loader-spinner spinner-border text-info" id="loading-circle">
<span class="sr-only"></span>
</div>
</div>
</div>
<div class="header" id="header">
<div class="start-bg-logo">
<navbarwr id="navbar_wr"></navbarwr>
<div class="start-bg-text">
<p id="postTitle"></p>
<p id="postTitle"></p>
</div>
</div>
<div class="stage">
<a id="mouse" href="#content"></a>
</div>
</div>
<div class="stage">
<a id="mouse" href="#content"></a>
</div>
</div>
<div class="content" id="content">
<div class="content" id="content">
<h2 id="postTitle2"></h2>
<p id="postSummary"></p><br>
<p id="postText"></p>
</div>
<!--END .content-->
</div>
<!--END .content-->
<!-- START Cookie-Alert -->
<div class="alert text-center cookiealert" role="alert">
<!-- START Cookie-Alert -->
<div class="alert text-center cookiealert" role="alert">
<span>
&#x1F36A; Um die Experience zu verbessern, werden Cookies verwendet.
</span>
<a href="https://de.wikipedia.org/wiki/HTTP-Cookie" target="_blank"
>Mehr</a
>
<a href="https://de.wikipedia.org/wiki/HTTP-Cookie" target="_blank"
>Mehr</a
>
<button type="button" class="btn btn-primary btn-sm acceptcookies">
<button type="button" class="btn btn-primary btn-sm acceptcookies">
&times;
</button>
</div>
<!-- END Cookie-Alert -->
</button>
</div>
<!-- END Cookie-Alert -->
<div id="bottom"></div>
<div id="bottom"></div>
<script>
var page = "blogPost";
</script>
<script src="/dist/jquery.js"></script>
<script src="/dist/index.js"></script>
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/cookie.js"></script>
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/bootstrap.min.js"></script>
<style>
.header,.content{display:none;}
</style>
<script src="/templates/loader.js"></script>
</body>
<script>
const page = "blogPost";
</script>
<script src="../dist/jquery.js"></script>
<script src="../dist/index.js"></script>
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/cookie.js"></script>
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/bootstrap.min.js"></script>
<style>
.header, .content {
display: none;
}
</style>
<script src="../templates/loader.js"></script>
</body>
</html>

View File

@ -1,62 +1,65 @@
<html lang="de">
<head>
<head>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
crossorigin="anonymous"
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="../dist/style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="../dist/style.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Bildquellen - ITbyHF | Profilpage</title>
<meta charset="UTF-8" />
<meta charset="UTF-8"/>
<link rel="icon" type="image/png" href="https://cdn.a-hoefler.eu/resources/img/logo-min.png" sizes="1000x1000">
</head>
</head>
<body onload="loaded()" >
<div id="loader-wr">
<div id="loader">
<p id="loading">Lade</p>
<div class="loader-spinner spinner-border text-info" id="loading-circle">
<span class="sr-only"></span>
</div>
<body onload="loaded()">
<div id="loader-wr">
<div id="loader">
<p id="loading">Lade</p>
<div class="loader-spinner spinner-border text-info" id="loading-circle">
<span class="sr-only"></span>
</div>
</div>
</div>
<div class="header" id="header">
<div class="start-bg-logo">
<div class="header" id="header">
<div class="start-bg-logo">
<navbarwr id="navbar_wr"></navbarwr>
<div class="start-bg-text">
<p>Bildquellen</p>
<p>Bildquellen</p>
</div>
</div>
<div class="stage">
</div>
<div class="stage">
<a id="mouse" href="#content"></a>
</div>
</div>
</div>
<div class="bildquellen" id="content">
<ul>
<li><p><b>Hintergrundbild (oben): </b>Markus Spiske / <a href="https://unsplash.com/photos/jG8nlwLRZTM">https://unsplash.com/photos/jG8nlwLRZTM</a></p></li>
</ul>
</div>
</div>
<!--END .content-->
<div class="bildquellen" id="content">
<ul>
<li><p><b>Hintergrundbild (oben): </b>Markus Spiske / <a href="https://unsplash.com/photos/jG8nlwLRZTM">https://unsplash.com/photos/jG8nlwLRZTM</a>
</p></li>
</ul>
</div>
<!--END .content-->
<div id="bottom"></div>
<div id="bottom"></div>
<script>
var page = "bildquellen";
</script>
<script src="/dist/jquery.js"></script>
<script src="/dist/index.js"></script>
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/cookie.js"></script>
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/bootstrap.min.js"></script>
<style>
.header,.content{display:none;}
</style>
<script src="/templates/loader.js"></script> </body>
<script>
const page = "bildquellen";
</script>
<script src="../dist/jquery.js"></script>
<script src="../dist/index.js"></script>
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/cookie.js"></script>
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/bootstrap.min.js"></script>
<style>
#content, .header {
display: none;
}
</style>
<script src="../templates/loader.js"></script>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

@ -1,63 +1,66 @@
<html lang="de">
<head>
<head>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
crossorigin="anonymous"
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="../dist/style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="../dist/style.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Impressum - ITbyHF | Profilpage</title>
<meta charset="UTF-8" />
<meta charset="UTF-8"/>
<link rel="icon" type="image/png" href="https://cdn.a-hoefler.eu/resources/img/logo-min.png" sizes="1000x1000">
</head>
<body onload="loaded()" >
<div id="loader-wr">
<div id="loader">
<p id="loading">Lade</p>
<div class="loader-spinner spinner-border text-info" id="loading-circle">
<span class="sr-only"></span>
</div>
</head>
<body onload="loaded()">
<div id="loader-wr">
<div id="loader">
<p id="loading">Lade</p>
<div class="loader-spinner spinner-border text-info" id="loading-circle">
<span class="sr-only"></span>
</div>
</div>
</div>
<div class="header" id="header">
<div class="start-bg-logo">
<div class="header" id="header">
<div class="start-bg-logo">
<navbarwr id="navbar_wr"></navbarwr>
<div class="start-bg-text">
<p>Impressum</p>
<p>Impressum</p>
</div>
</div>
<div class="stage">
<a id="mouse" href="#content"></a>
</div>
</div>
<div class="stage">
<a id="mouse" href="#content"></a>
</div>
</div>
<div class="content" id="content">
<div class="content" id="content">
<div class="impressum">
<p>Alec Höfler <br>Roseggerstraße 6<br>8642 Sankt Lorenzen<br>Österreich<br><br>
<p>Alec Höfler <br>Roseggerstraße 6<br>8642 Sankt Lorenzen<br>Österreich<br><br>
<b>EMail:</b> <a href="mailto:master@-hoefler.eu"><i>master@a-hoefler.eu</i></a><br>
<b>Discord:</b> <i>ITbyHF#0152</i><br>
<b>Matrix: </b> <i>@ha:itbyhf.xyz</i></p>
</div>
</div>
<!--END .content-->
<div id="bottom"></div>
</div>
<!--END .content-->
<script>
var page = "impressum";
</script>
<script src="/dist/jquery.js"></script>
<script src="/dist/index.js"></script>
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/cookie.js"></script>
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/bootstrap.min.js"></script>
<style>
.header,.content{display:none;}
</style>
<script src="/templates/loader.js"></script> </body>
<div id="bottom"></div>
<script>
const page = "impressum";
</script>
<script src="../dist/jquery.js"></script>
<script src="../dist/index.js"></script>
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/cookie.js"></script>
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/bootstrap.min.js"></script>
<style>
.header, .content {
display: none;
}
</style>
<script src="../templates/loader.js"></script>
</body>
</html>

View File

@ -1,32 +1,32 @@
<div id="footer">
<div class="row">
<a class="col-xs-6 col-sm-3" href="/static/datenschutz.html"
>Datenschutz</a
>
<a class="col-xs-6 col-sm-3" href="/static/impressum.html"
>Impressum</a
>
<a class="col-xs-6 col-sm-3" href="/static/bildquellen.html"
>Bildquellen</a
<div id="footer">
<div class="row">
<a class="col-xs-6 col-sm-3" href="../static/datenschutz.html"
>Datenschutz</a
>
<a class="col-xs-6 col-sm-3" href="../static/impressum.html"
>Impressum</a
>
<a class="col-xs-6 col-sm-3" href="../static/bildquellen.html"
>Bildquellen</a
>
</div>
</div>
</div>
<!--END .content-->
</div>
<!-- START Cookie-Alert -->
<div class="alert text-center cookiealert" role="alert">
<!-- START Cookie-Alert -->
<div class="alert text-center cookiealert" role="alert">
<span>
&#x1F36A; Um die Experience zu verbessern, werden Cookies verwendet.
</span>
<a href="https://de.wikipedia.org/wiki/HTTP-Cookie" target="_blank"
>Mehr</a
>
<button type="button" class="btn btn-primary btn-sm acceptcookies">
<a href="https://de.wikipedia.org/wiki/HTTP-Cookie" target="_blank"
>Mehr</a
>
<button type="button" class="btn btn-primary btn-sm acceptcookies">
&times;
</button>
</div>
<!-- END Cookie-Alert -->
<!-- Matomo Image Tracker-->
<img referrerpolicy="no-referrer-when-downgrade" src="https://matomo.itbyhf.xyz/matomo.php?idsite=1&amp;rec=1" style="border:0" alt="" />
<!-- End Matomo -->
</button>
</div>
<!-- END Cookie-Alert -->
<!-- Matomo Image Tracker-->
<img referrerpolicy="no-referrer-when-downgrade" src="https://matomo.itbyhf.xyz/matomo.php?idsite=1&amp;rec=1"
style="border:0" alt=""/>
<!-- End Matomo -->

View File

@ -1,16 +1,17 @@
let pageTimeout;
var disable_timeout = true;
let disable_timeout = true;
var is_loaded = false;
let is_loaded = false;
let dots = 0;
function loaded() {
is_loaded = true;
if (disable_timeout) {
pageTimeout = setTimeout(showPage, 0);
} else {
pageTimeout = setTimeout(showPage, 9,50);
pageTimeout = setTimeout(showPage, 9, 50);
}
}
@ -24,13 +25,12 @@ function showPage() {
content_box.style.display = "block";
}
load();
var addDot;
let addDot;
function load() {
if (is_loaded) {
return;
} else {
if (!is_loaded) {
addDot = setInterval(addPointHTMl, 300);
}
}
@ -39,6 +39,10 @@ function addPointHTMl() {
if (is_loaded) {
return;
}
document.getElementById('loading').innerHTML += ".";
tmp_bool = false;
if (dots === 4) {
document.getElementById('loading').innerHTML = "Lade.";
} else {
document.getElementById('loading').innerHTML += ".";
}
dots++;
}

View File

@ -1,74 +1,74 @@
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button
type="button"
class="navbar-toggle collapsed"
data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1"
aria-expanded="false"
>
<div>
Menü
</div>
</button>
<a class="navbar-brand fsstd" href="#">Home</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav"></ul>
<ul class="nav navbar-nav navbar-left">
<li>
<a href="https://twitter.com/itbyhf"
><img
src="https://s3.itbyhf.xyz/cdn/resources/img/socials/twitter.png"
class="navbar_image"
/></a>
</li>
<li>
<a href="https://gitlab.a-hoefler.eu/ha"
><img
src="https://s3.itbyhf.xyz/cdn/resources/img/socials/gitlab.png"
class="navbar_image"
/></a>
</li>
<li>
<a href="https://matrix.to/#/@ha:itbyhf.xyz"
><img
src="https://s3.itbyhf.xyz/cdn/resources/img/socials/matrix.png"
class="navbar_image"
/></a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a
href="#"
class="dropdown-toggle"
data-toggle="dropdown"
role="button"
aria-haspopup="true"
aria-expanded="false"
>Blog</a
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button
type="button"
class="navbar-toggle collapsed"
data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1"
aria-expanded="false"
>
<ul class="dropdown-menu" id="nav-dr-pages"></ul>
</li>
<li class="dropdown">
<a
href="#"
class="dropdown-toggle"
data-toggle="dropdown"
role="button"
aria-haspopup="true"
aria-expanded="false"
>Services</a
>
<ul class="dropdown-menu" id="nav-dr-services"></ul>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
<div>
Menü
</div>
</button>
<a class="navbar-brand fsstd" href="#">Home</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav"></ul>
<ul class="nav navbar-nav navbar-left">
<li>
<a href="https://twitter.com/itbyhf"
><img
src="https://s3.itbyhf.xyz/cdn/resources/img/socials/twitter.png"
class="navbar_image"
alt="Twitter"/></a>
</li>
<li>
<a href="https://gitlab.a-hoefler.eu/ha"
><img
src="https://s3.itbyhf.xyz/cdn/resources/img/socials/gitlab.png"
class="navbar_image"
alt="Gitlab"/></a>
</li>
<li>
<a href="https://matrix.to/#/@ha:itbyhf.xyz"
><img
src="https://s3.itbyhf.xyz/cdn/resources/img/socials/matrix.png"
class="navbar_image"
alt="Matrix"/></a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a
href="#"
class="dropdown-toggle"
data-toggle="dropdown"
role="button"
aria-haspopup="true"
aria-expanded="false"
>Blog</a
>
<ul class="dropdown-menu" id="nav-dr-pages"></ul>
</li>
<li class="dropdown">
<a
href="#"
class="dropdown-toggle"
data-toggle="dropdown"
role="button"
aria-haspopup="true"
aria-expanded="false"
>Services</a
>
<ul class="dropdown-menu" id="nav-dr-services"></ul>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->

View File

@ -1,3 +1,4 @@
@import "vars";
#postTitle2{
font-size: 5vh;
@ -6,4 +7,17 @@
#postSummary{
font-weight: bold;
font-size: 2vh;
}
.codeblock-table tbody tr{
.codeblock-row-number{
color: $SecundaryColor;
font-size: 1.2vh;
}
td code{
background-color: $BackgroundColor;
color: white;
font-family: 'Source Code Pro Light', serif;
font-size: 1.5vh;
}
}