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

1
.gitignore vendored
View file

@ -163,3 +163,4 @@ temp/
.idea/
public/dist
.vscode

View file

@ -41,13 +41,13 @@
<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-->
<br clear="all" />
<br/>
<div id="skills">
<h1>Skills</h1>
@ -55,14 +55,14 @@
</div>
<!--END #skills-->
<br clear="all" />
<br/>
<div class="recentPosts">
<h1>Blog</h1>
<div id="recentposts-wr" class="row recommended_posts"></div>
</div>
<br clear="all" />
<br/>
<div id="contact">
@ -120,21 +120,39 @@
<span id="contactStatus"></span>
</div>
<!--END #contact-->
<br clear="all" />
</div>
<br/>
<div id="bottom"></div>
<!-- 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>
var page = "start";
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{display:none;}
.header, #content,#bottom {
display: none;
}
</style>
<script src="/templates/loader.js"></script>
<script src="./templates/loader.js"></script>
</body>
</html>

View file

@ -8,7 +8,7 @@
/>
<link rel="stylesheet" href="../dist/style.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Datenschutz - ITbyHF | Profilpage</title>
<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>
@ -64,15 +64,17 @@
<div id="bottom"></div>
<script>
var page = "blogPost";
const page = "blogPost";
</script>
<script src="/dist/jquery.js"></script>
<script src="/dist/index.js"></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;}
.header, .content {
display: none;
}
</style>
<script src="/templates/loader.js"></script>
<script src="../templates/loader.js"></script>
</body>
</html>

View file

@ -39,24 +39,27 @@
<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>
<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 id="bottom"></div>
<script>
var page = "bildquellen";
const page = "bildquellen";
</script>
<script src="/dist/jquery.js"></script>
<script src="/dist/index.js"></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;}
#content, .header {
display: none;
}
</style>
<script src="/templates/loader.js"></script> </body>
<script src="../templates/loader.js"></script>
</body>
</html>

File diff suppressed because one or more lines are too long

View file

@ -50,14 +50,17 @@
<div id="bottom"></div>
<script>
var page = "impressum";
const page = "impressum";
</script>
<script src="/dist/jquery.js"></script>
<script src="/dist/index.js"></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;}
.header, .content {
display: none;
}
</style>
<script src="/templates/loader.js"></script> </body>
<script src="../templates/loader.js"></script>
</body>
</html>

View file

@ -1,18 +1,16 @@
<div id="footer">
<div class="row">
<a class="col-xs-6 col-sm-3" href="/static/datenschutz.html"
<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"
<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"
<a class="col-xs-6 col-sm-3" href="../static/bildquellen.html"
>Bildquellen</a
>
</div>
</div>
</div>
<!--END .content-->
<!-- START Cookie-Alert -->
<div class="alert text-center cookiealert" role="alert">
@ -27,6 +25,8 @@
</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="" />
<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,9 +1,10 @@
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;
@ -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;
}
if (dots === 4) {
document.getElementById('loading').innerHTML = "Lade.";
} else {
document.getElementById('loading').innerHTML += ".";
tmp_bool = false;
}
dots++;
}

View file

@ -24,14 +24,14 @@
><img
src="https://s3.itbyhf.xyz/cdn/resources/img/socials/twitter.png"
class="navbar_image"
/></a>
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"
/></a>
alt="Gitlab"/></a>
</li>
<li>
@ -39,7 +39,7 @@
><img
src="https://s3.itbyhf.xyz/cdn/resources/img/socials/matrix.png"
class="navbar_image"
/></a>
alt="Matrix"/></a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">

View file

@ -1,3 +1,4 @@
@import "vars";
#postTitle2{
font-size: 5vh;
@ -7,3 +8,16 @@
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;
}
}