fixes
This commit is contained in:
parent
49ec65e396
commit
bfb7b86665
3
.gitignore
vendored
3
.gitignore
vendored
|
|
@ -162,4 +162,5 @@ temp/
|
||||||
# Custom rules (everything added below won't be overriden by 'Generate .gitignore File' if you use 'Update' option)
|
# Custom rules (everything added below won't be overriden by 'Generate .gitignore File' if you use 'Update' option)
|
||||||
|
|
||||||
.idea/
|
.idea/
|
||||||
public/dist
|
public/dist
|
||||||
|
.vscode
|
||||||
|
|
@ -1,140 +1,158 @@
|
||||||
<html lang="de">
|
<html lang="de">
|
||||||
<head>
|
<head>
|
||||||
<link
|
<link
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
|
href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
|
||||||
integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
|
integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
|
||||||
crossorigin="anonymous"
|
crossorigin="anonymous"
|
||||||
/>
|
/>
|
||||||
<link rel="stylesheet" href="dist/style.css" />
|
<link rel="stylesheet" href="dist/style.css"/>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||||
<title>ITbyHF | Profilpage</title>
|
<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">
|
<link rel="icon" type="image/png" href="https://cdn.a-hoefler.eu/resources/img/logo-min.png" sizes="1000x1000">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body onload="loaded()" >
|
<body onload="loaded()">
|
||||||
<div id="loader-wr">
|
<div id="loader-wr">
|
||||||
<div id="loader">
|
<div id="loader">
|
||||||
<p id="loading">Lade</p>
|
<p id="loading">Lade</p>
|
||||||
<div class="loader-spinner spinner-border text-info" id="loading-circle">
|
<div class="loader-spinner spinner-border text-info" id="loading-circle">
|
||||||
<span class="sr-only"></span>
|
<span class="sr-only"></span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="header" id="header">
|
<div class="header" id="header">
|
||||||
<div class="start-bg-logo">
|
<div class="start-bg-logo">
|
||||||
<navbarwr id="navbar_wr"></navbarwr>
|
<navbarwr id="navbar_wr"></navbarwr>
|
||||||
<div class="start-bg-text">
|
<div class="start-bg-text">
|
||||||
<p>ITbyHF</p>
|
<p>ITbyHF</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="stage">
|
|
||||||
<a id="mouse" href="#intro"></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="stage">
|
||||||
|
<a id="mouse" href="#intro"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="content" id="content">
|
<div class="content" id="content">
|
||||||
<div id="intro">
|
<div id="intro">
|
||||||
<h1>Über mich</h1>
|
<h1>Über mich</h1>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<img
|
<img
|
||||||
src="//cdn.a-hoefler.eu/apps/zj3hnjz38r/Logo.png"
|
src="//cdn.a-hoefler.eu/apps/zj3hnjz38r/Logo.png"
|
||||||
class="col-xs-10"
|
class="col-xs-10"
|
||||||
/>
|
alt="Logo"/>
|
||||||
<span id="pp-text-intro" class="col-xs-10"></span>
|
<span id="pp-text-intro" class="col-xs-10"></span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!--END #intro box-->
|
<!--END #intro box-->
|
||||||
|
|
||||||
<br clear="all" />
|
<br/>
|
||||||
|
|
||||||
<div id="skills">
|
<div id="skills">
|
||||||
<h1>Skills</h1>
|
<h1>Skills</h1>
|
||||||
<div id="skill-box" class="row"></div>
|
<div id="skill-box" class="row"></div>
|
||||||
</div>
|
</div>
|
||||||
<!--END #skills-->
|
<!--END #skills-->
|
||||||
|
|
||||||
<br clear="all" />
|
<br/>
|
||||||
|
|
||||||
<div class="recentPosts">
|
<div class="recentPosts">
|
||||||
<h1>Blog</h1>
|
<h1>Blog</h1>
|
||||||
<div id="recentposts-wr" class="row recommended_posts"></div>
|
<div id="recentposts-wr" class="row recommended_posts"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<br clear="all" />
|
<br/>
|
||||||
|
|
||||||
<div id="contact">
|
<div id="contact">
|
||||||
|
|
||||||
<h1>Kontakt</h1>
|
<h1>Kontakt</h1>
|
||||||
<br><br>
|
<br><br>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="contactEmail" class="col-sm-2 control-label">Email</label>
|
<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>
|
|
||||||
<div class="col-sm-10">
|
<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>
|
</div>
|
||||||
-->
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<div class="col-sm-offset-2 col-sm-10">
|
<label for="contactTitle" class="col-sm-2 control-label">Titel</label>
|
||||||
<button type="submit" class="btn btn-default" id="contactSubmit">Absenden</button>
|
<div class="col-sm-10">
|
||||||
</div>
|
<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>
|
</div>
|
||||||
<span id="contactStatus"></span>
|
<span id="contactStatus"></span>
|
||||||
</div>
|
</div>
|
||||||
<!--END #contact-->
|
<!--END #contact-->
|
||||||
|
</div>
|
||||||
<br clear="all" />
|
<br/>
|
||||||
|
|
||||||
<div id="bottom"></div>
|
<div id="bottom"></div>
|
||||||
|
|
||||||
<script>
|
<!-- START Cookie-Alert -->
|
||||||
var page = "start";
|
<div class="alert text-center cookiealert" role="alert">
|
||||||
</script>
|
<span>
|
||||||
<script src="dist/jquery.js"></script>
|
🍪 Um die Experience zu verbessern, werden Cookies verwendet.
|
||||||
<script src="dist/index.js"></script>
|
</span>
|
||||||
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/cookie.js"></script>
|
<a href="https://de.wikipedia.org/wiki/HTTP-Cookie" target="_blank"
|
||||||
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/bootstrap.min.js"></script>
|
>Mehr</a
|
||||||
<style>
|
>
|
||||||
.header,.content{display:none;}
|
|
||||||
</style>
|
<button type="button" class="btn btn-primary btn-sm acceptcookies">
|
||||||
<script src="/templates/loader.js"></script>
|
×
|
||||||
</body>
|
</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>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,78 +1,80 @@
|
||||||
<html lang="de">
|
<html lang="de">
|
||||||
<head>
|
<head>
|
||||||
<link
|
<link
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
|
href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
|
||||||
integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
|
integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
|
||||||
crossorigin="anonymous"
|
crossorigin="anonymous"
|
||||||
/>
|
/>
|
||||||
<link rel="stylesheet" href="../dist/style.css" />
|
<link rel="stylesheet" href="../dist/style.css"/>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<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" />
|
<meta charset="UTF-8"/>
|
||||||
<link rel="icon" type="image/png" href="https://cdn.a-hoefler.eu/resources/img/logo-min.png" sizes="1000x1000">
|
<link rel="icon" type="image/png" href="https://cdn.a-hoefler.eu/resources/img/logo-min.png" sizes="1000x1000">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
||||||
<body onload="loaded()" >
|
<body onload="loaded()">
|
||||||
<div id="loader-wr">
|
<div id="loader-wr">
|
||||||
<div id="loader">
|
<div id="loader">
|
||||||
<p id="loading">Lade</p>
|
<p id="loading">Lade</p>
|
||||||
<div class="loader-spinner spinner-border text-info" id="loading-circle">
|
<div class="loader-spinner spinner-border text-info" id="loading-circle">
|
||||||
<span class="sr-only"></span>
|
<span class="sr-only"></span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="header" id="header">
|
<div class="header" id="header">
|
||||||
<div class="start-bg-logo">
|
<div class="start-bg-logo">
|
||||||
<navbarwr id="navbar_wr"></navbarwr>
|
<navbarwr id="navbar_wr"></navbarwr>
|
||||||
|
|
||||||
<div class="start-bg-text">
|
<div class="start-bg-text">
|
||||||
<p id="postTitle"></p>
|
<p id="postTitle"></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="stage">
|
|
||||||
<a id="mouse" href="#content"></a>
|
|
||||||
</div>
|
|
||||||
</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>
|
<h2 id="postTitle2"></h2>
|
||||||
<p id="postSummary"></p><br>
|
<p id="postSummary"></p><br>
|
||||||
<p id="postText"></p>
|
<p id="postText"></p>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!--END .content-->
|
<!--END .content-->
|
||||||
|
|
||||||
<!-- START Cookie-Alert -->
|
<!-- START Cookie-Alert -->
|
||||||
<div class="alert text-center cookiealert" role="alert">
|
<div class="alert text-center cookiealert" role="alert">
|
||||||
<span>
|
<span>
|
||||||
🍪 Um die Experience zu verbessern, werden Cookies verwendet.
|
🍪 Um die Experience zu verbessern, werden Cookies verwendet.
|
||||||
</span>
|
</span>
|
||||||
<a href="https://de.wikipedia.org/wiki/HTTP-Cookie" target="_blank"
|
<a href="https://de.wikipedia.org/wiki/HTTP-Cookie" target="_blank"
|
||||||
>Mehr</a
|
>Mehr</a
|
||||||
>
|
>
|
||||||
|
|
||||||
<button type="button" class="btn btn-primary btn-sm acceptcookies">
|
<button type="button" class="btn btn-primary btn-sm acceptcookies">
|
||||||
×
|
×
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<!-- END Cookie-Alert -->
|
<!-- END Cookie-Alert -->
|
||||||
|
|
||||||
|
|
||||||
<div id="bottom"></div>
|
<div id="bottom"></div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
var page = "blogPost";
|
const page = "blogPost";
|
||||||
</script>
|
</script>
|
||||||
<script src="/dist/jquery.js"></script>
|
<script src="../dist/jquery.js"></script>
|
||||||
<script src="/dist/index.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/cookie.js"></script>
|
||||||
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/bootstrap.min.js"></script>
|
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/bootstrap.min.js"></script>
|
||||||
<style>
|
<style>
|
||||||
.header,.content{display:none;}
|
.header, .content {
|
||||||
</style>
|
display: none;
|
||||||
<script src="/templates/loader.js"></script>
|
}
|
||||||
</body>
|
</style>
|
||||||
|
<script src="../templates/loader.js"></script>
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,62 +1,65 @@
|
||||||
<html lang="de">
|
<html lang="de">
|
||||||
<head>
|
<head>
|
||||||
<link
|
<link
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
|
href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
|
||||||
integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
|
integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
|
||||||
crossorigin="anonymous"
|
crossorigin="anonymous"
|
||||||
/>
|
/>
|
||||||
<link rel="stylesheet" href="../dist/style.css" />
|
<link rel="stylesheet" href="../dist/style.css"/>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||||
<title>Bildquellen - ITbyHF | Profilpage</title>
|
<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">
|
<link rel="icon" type="image/png" href="https://cdn.a-hoefler.eu/resources/img/logo-min.png" sizes="1000x1000">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
||||||
<body onload="loaded()" >
|
<body onload="loaded()">
|
||||||
<div id="loader-wr">
|
<div id="loader-wr">
|
||||||
<div id="loader">
|
<div id="loader">
|
||||||
<p id="loading">Lade</p>
|
<p id="loading">Lade</p>
|
||||||
<div class="loader-spinner spinner-border text-info" id="loading-circle">
|
<div class="loader-spinner spinner-border text-info" id="loading-circle">
|
||||||
<span class="sr-only"></span>
|
<span class="sr-only"></span>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="header" id="header">
|
<div class="header" id="header">
|
||||||
<div class="start-bg-logo">
|
<div class="start-bg-logo">
|
||||||
<navbarwr id="navbar_wr"></navbarwr>
|
<navbarwr id="navbar_wr"></navbarwr>
|
||||||
|
|
||||||
<div class="start-bg-text">
|
<div class="start-bg-text">
|
||||||
<p>Bildquellen</p>
|
<p>Bildquellen</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="stage">
|
<div class="stage">
|
||||||
<a id="mouse" href="#content"></a>
|
<a id="mouse" href="#content"></a>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="bildquellen" id="content">
|
<div class="bildquellen" id="content">
|
||||||
<ul>
|
<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>
|
||||||
</ul>
|
</p></li>
|
||||||
</div>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<!--END .content-->
|
<!--END .content-->
|
||||||
|
|
||||||
<div id="bottom"></div>
|
<div id="bottom"></div>
|
||||||
|
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
var page = "bildquellen";
|
const page = "bildquellen";
|
||||||
</script>
|
</script>
|
||||||
<script src="/dist/jquery.js"></script>
|
<script src="../dist/jquery.js"></script>
|
||||||
<script src="/dist/index.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/cookie.js"></script>
|
||||||
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/bootstrap.min.js"></script>
|
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/bootstrap.min.js"></script>
|
||||||
<style>
|
<style>
|
||||||
.header,.content{display:none;}
|
#content, .header {
|
||||||
</style>
|
display: none;
|
||||||
<script src="/templates/loader.js"></script> </body>
|
}
|
||||||
|
</style>
|
||||||
|
<script src="../templates/loader.js"></script>
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,63 +1,66 @@
|
||||||
<html lang="de">
|
<html lang="de">
|
||||||
<head>
|
<head>
|
||||||
<link
|
<link
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
|
href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
|
||||||
integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
|
integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
|
||||||
crossorigin="anonymous"
|
crossorigin="anonymous"
|
||||||
/>
|
/>
|
||||||
<link rel="stylesheet" href="../dist/style.css" />
|
<link rel="stylesheet" href="../dist/style.css"/>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||||
<title>Impressum - ITbyHF | Profilpage</title>
|
<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">
|
<link rel="icon" type="image/png" href="https://cdn.a-hoefler.eu/resources/img/logo-min.png" sizes="1000x1000">
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body onload="loaded()" >
|
<body onload="loaded()">
|
||||||
<div id="loader-wr">
|
<div id="loader-wr">
|
||||||
<div id="loader">
|
<div id="loader">
|
||||||
<p id="loading">Lade</p>
|
<p id="loading">Lade</p>
|
||||||
<div class="loader-spinner spinner-border text-info" id="loading-circle">
|
<div class="loader-spinner spinner-border text-info" id="loading-circle">
|
||||||
<span class="sr-only"></span>
|
<span class="sr-only"></span>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="header" id="header">
|
<div class="header" id="header">
|
||||||
<div class="start-bg-logo">
|
<div class="start-bg-logo">
|
||||||
<navbarwr id="navbar_wr"></navbarwr>
|
<navbarwr id="navbar_wr"></navbarwr>
|
||||||
|
|
||||||
<div class="start-bg-text">
|
<div class="start-bg-text">
|
||||||
<p>Impressum</p>
|
<p>Impressum</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="stage">
|
|
||||||
<a id="mouse" href="#content"></a>
|
|
||||||
</div>
|
|
||||||
</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">
|
<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>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>Discord:</b> <i>ITbyHF#0152</i><br>
|
||||||
<b>Matrix: </b> <i>@ha:itbyhf.xyz</i></p>
|
<b>Matrix: </b> <i>@ha:itbyhf.xyz</i></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!--END .content-->
|
<!--END .content-->
|
||||||
|
|
||||||
<div id="bottom"></div>
|
|
||||||
|
|
||||||
<script>
|
<div id="bottom"></div>
|
||||||
var page = "impressum";
|
|
||||||
</script>
|
<script>
|
||||||
<script src="/dist/jquery.js"></script>
|
const page = "impressum";
|
||||||
<script src="/dist/index.js"></script>
|
</script>
|
||||||
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/cookie.js"></script>
|
<script src="../dist/jquery.js"></script>
|
||||||
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/bootstrap.min.js"></script>
|
<script src="../dist/index.js"></script>
|
||||||
<style>
|
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/cookie.js"></script>
|
||||||
.header,.content{display:none;}
|
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/bootstrap.min.js"></script>
|
||||||
</style>
|
<style>
|
||||||
<script src="/templates/loader.js"></script> </body>
|
.header, .content {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script src="../templates/loader.js"></script>
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,32 +1,32 @@
|
||||||
<div id="footer">
|
<div id="footer">
|
||||||
<div class="row">
|
<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
|
>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
|
>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
|
>Bildquellen</a
|
||||||
>
|
>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<!--END .content-->
|
</div>
|
||||||
|
|
||||||
<!-- START Cookie-Alert -->
|
<!-- START Cookie-Alert -->
|
||||||
<div class="alert text-center cookiealert" role="alert">
|
<div class="alert text-center cookiealert" role="alert">
|
||||||
<span>
|
<span>
|
||||||
🍪 Um die Experience zu verbessern, werden Cookies verwendet.
|
🍪 Um die Experience zu verbessern, werden Cookies verwendet.
|
||||||
</span>
|
</span>
|
||||||
<a href="https://de.wikipedia.org/wiki/HTTP-Cookie" target="_blank"
|
<a href="https://de.wikipedia.org/wiki/HTTP-Cookie" target="_blank"
|
||||||
>Mehr</a
|
>Mehr</a
|
||||||
>
|
>
|
||||||
<button type="button" class="btn btn-primary btn-sm acceptcookies">
|
<button type="button" class="btn btn-primary btn-sm acceptcookies">
|
||||||
×
|
×
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<!-- END Cookie-Alert -->
|
<!-- END Cookie-Alert -->
|
||||||
<!-- Matomo Image Tracker-->
|
|
||||||
<img referrerpolicy="no-referrer-when-downgrade" src="https://matomo.itbyhf.xyz/matomo.php?idsite=1&rec=1" style="border:0" alt="" />
|
<!-- Matomo Image Tracker-->
|
||||||
<!-- End Matomo -->
|
<img referrerpolicy="no-referrer-when-downgrade" src="https://matomo.itbyhf.xyz/matomo.php?idsite=1&rec=1"
|
||||||
|
style="border:0" alt=""/>
|
||||||
|
<!-- End Matomo -->
|
||||||
|
|
@ -1,16 +1,17 @@
|
||||||
let pageTimeout;
|
let pageTimeout;
|
||||||
|
|
||||||
var disable_timeout = true;
|
let disable_timeout = true;
|
||||||
|
|
||||||
var is_loaded = false;
|
let is_loaded = false;
|
||||||
|
|
||||||
|
let dots = 0;
|
||||||
|
|
||||||
function loaded() {
|
function loaded() {
|
||||||
is_loaded = true;
|
is_loaded = true;
|
||||||
if (disable_timeout) {
|
if (disable_timeout) {
|
||||||
pageTimeout = setTimeout(showPage, 0);
|
pageTimeout = setTimeout(showPage, 0);
|
||||||
} else {
|
} else {
|
||||||
pageTimeout = setTimeout(showPage, 9,50);
|
pageTimeout = setTimeout(showPage, 9, 50);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -24,13 +25,12 @@ function showPage() {
|
||||||
content_box.style.display = "block";
|
content_box.style.display = "block";
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
load();
|
load();
|
||||||
var addDot;
|
let addDot;
|
||||||
|
|
||||||
function load() {
|
function load() {
|
||||||
if (is_loaded) {
|
if (!is_loaded) {
|
||||||
return;
|
|
||||||
} else {
|
|
||||||
addDot = setInterval(addPointHTMl, 300);
|
addDot = setInterval(addPointHTMl, 300);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -39,6 +39,10 @@ function addPointHTMl() {
|
||||||
if (is_loaded) {
|
if (is_loaded) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
document.getElementById('loading').innerHTML += ".";
|
if (dots === 4) {
|
||||||
tmp_bool = false;
|
document.getElementById('loading').innerHTML = "Lade.";
|
||||||
|
} else {
|
||||||
|
document.getElementById('loading').innerHTML += ".";
|
||||||
|
}
|
||||||
|
dots++;
|
||||||
}
|
}
|
||||||
|
|
@ -1,74 +1,74 @@
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<!-- Brand and toggle get grouped for better mobile display -->
|
<!-- Brand and toggle get grouped for better mobile display -->
|
||||||
<div class="navbar-header">
|
<div class="navbar-header">
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
class="navbar-toggle collapsed"
|
class="navbar-toggle collapsed"
|
||||||
data-toggle="collapse"
|
data-toggle="collapse"
|
||||||
data-target="#bs-example-navbar-collapse-1"
|
data-target="#bs-example-navbar-collapse-1"
|
||||||
aria-expanded="false"
|
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
|
|
||||||
>
|
>
|
||||||
<ul class="dropdown-menu" id="nav-dr-pages"></ul>
|
<div>
|
||||||
</li>
|
Menü
|
||||||
<li class="dropdown">
|
</div>
|
||||||
<a
|
</button>
|
||||||
href="#"
|
<a class="navbar-brand fsstd" href="#">Home</a>
|
||||||
class="dropdown-toggle"
|
</div>
|
||||||
data-toggle="dropdown"
|
|
||||||
role="button"
|
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||||
aria-haspopup="true"
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||||||
aria-expanded="false"
|
<ul class="nav navbar-nav"></ul>
|
||||||
>Services</a
|
<ul class="nav navbar-nav navbar-left">
|
||||||
>
|
<li>
|
||||||
<ul class="dropdown-menu" id="nav-dr-services"></ul>
|
<a href="https://twitter.com/itbyhf"
|
||||||
</li>
|
><img
|
||||||
</ul>
|
src="https://s3.itbyhf.xyz/cdn/resources/img/socials/twitter.png"
|
||||||
</div>
|
class="navbar_image"
|
||||||
<!-- /.navbar-collapse -->
|
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>
|
</div>
|
||||||
<!-- /.container-fluid -->
|
<!-- /.container-fluid -->
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,4 @@
|
||||||
|
@import "vars";
|
||||||
#postTitle2{
|
#postTitle2{
|
||||||
font-size: 5vh;
|
font-size: 5vh;
|
||||||
|
|
||||||
|
|
@ -6,4 +7,17 @@
|
||||||
#postSummary{
|
#postSummary{
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 2vh;
|
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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
Loading…
Reference in a new issue