removed bower dependencies
added cdns updated website added imprint and privacy
This commit is contained in:
parent
9a825b826b
commit
8e69bb732a
354 changed files with 491 additions and 87030 deletions
185
index.html
185
index.html
|
|
@ -6,88 +6,11 @@
|
|||
<title>sp-magic</title>
|
||||
<link rel="shortcut icon" href="img/samuel.png">
|
||||
|
||||
<link rel="stylesheet" href="bower_components/components-font-awesome/css/font-awesome.min.css" type="text/css"
|
||||
media="screen">
|
||||
<link rel="stylesheet" href="bower_components/foundation-sites/dist/foundation.min.css" type="text/css"
|
||||
media="screen">
|
||||
|
||||
<script src="bower_components/jquery/dist/jquery.min.js"></script>
|
||||
<script src="bower_components/foundation-sites/dist/foundation.min.js"></script>
|
||||
<script src="bower_components/flip/dist/jquery.flip.min.js"></script>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
var card = $('#card');
|
||||
card.css('cursor', 'pointer');
|
||||
card.find('.back').removeClass('hide');
|
||||
card.flip({
|
||||
trigger: 'click',
|
||||
speed: 500,
|
||||
reverse: false
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
@font-face {
|
||||
font-family: 'Minotaur';
|
||||
src: local('Minotaur Phatte'), url(font/minotaur.ttf) format('truetype');
|
||||
}
|
||||
|
||||
body {
|
||||
padding: 2%;
|
||||
background: url('img/bg.png') no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
hr {
|
||||
border-bottom: 1px solid #0a0a0a;
|
||||
}
|
||||
|
||||
.logo {
|
||||
max-width: 256px;
|
||||
max-height: 256px;
|
||||
background-color: #ffffff;
|
||||
border-radius: 50%;
|
||||
border: 1px solid #222222;
|
||||
}
|
||||
|
||||
.logo.small {
|
||||
max-width: 128px;
|
||||
max-height: 128px;
|
||||
}
|
||||
|
||||
.menu a {
|
||||
color: #0a0a0a;
|
||||
}
|
||||
|
||||
.menu a:hover {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
|
||||
#card {
|
||||
display: inline-block;
|
||||
margin: 1rem;
|
||||
}
|
||||
|
||||
.sp-magic {
|
||||
font-family: "Minotaur", monospace;
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 40em) {
|
||||
.sp-magic {
|
||||
font-size: 5rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css"
|
||||
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
|
||||
integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
|
||||
|
||||
<!-- Matomo -->
|
||||
<script type="text/javascript">
|
||||
|
|
@ -111,64 +34,52 @@
|
|||
<!-- End Matomo Code -->
|
||||
</head>
|
||||
|
||||
<body class="text-center">
|
||||
<div id="card">
|
||||
<div class="front">
|
||||
<img class="logo hide-for-small-only" src="img/samuel.png">
|
||||
<img class="logo small show-for-small-only" src="img/samuel.png">
|
||||
<body class="d-flex flex-column">
|
||||
<div class="container flex-column flex-grow p-3">
|
||||
<div class="row py-5">
|
||||
<div class="col">
|
||||
<img class="logo" src="img/samuel.png">
|
||||
</div>
|
||||
</div>
|
||||
<div class="back hide">
|
||||
<img class="logo hide-for-small-only" src="img/samuel.png">
|
||||
<img class="logo small show-for-small-only" src="img/samuel.png">
|
||||
|
||||
<div class="row justify-content-center py-4 border-top-bottom">
|
||||
<div class="col-lg-8 col-md-10 col-12">
|
||||
<h1 class="sp-codes">SP-MAGIC</h1>
|
||||
<p class="lead text-center mb-2">
|
||||
Herzlich willkommen bei sp-magic!
|
||||
Mein Name ist Samuel Philipp und ich bin ein Zauberkünstler aus Magdeburg.
|
||||
Auf dieser Seite finden Sie meine Profile auf XING und LinkedIn.
|
||||
Bei meinen Auftritten präsentiere ich Tricks mit Spielkarten, Büchern, Nägeln, Feuer und vielen anderen
|
||||
Dingen.
|
||||
Nehmen Sie gerne Kontakt mit mir auf.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex justify-content-center flex-wrap my-3">
|
||||
<div class="m-2"><a href="https://www.linkedin.com/in/samuel-philipp"><span
|
||||
class="fab fa-fw fa-4x fa-linkedin"></span></a></div>
|
||||
<div class="m-2"><a href="https://www.xing.com/profile/Samuel_Philipp"><span
|
||||
class="fab fa-fw fa-4x fa-xing"></span></a></div>
|
||||
<div class="m-2"><a href="https://plus.google.com/u/0/+SamuelPd"><span
|
||||
class="fab fa-fw fa-4x fa-google-plus"></span></a></div>
|
||||
<div class="m-2"><a href="mailto:mail@sp-codes.de"><span
|
||||
class="fas fa-fw fa-4x fa-envelope"></span></a></div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex justify-content-center mb-3">
|
||||
<div class="lead text-center">
|
||||
<a href="https://www.samuel-philipp.de">www.samuel-philipp.de</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr/>
|
||||
|
||||
<div class="row columns">
|
||||
<div class="medium-8 medium-centered">
|
||||
<h1 class="sp-magic">SP-MAGIC</h1>
|
||||
<p>Hi! My name is Samuel Philipp. I'm a German magician from Magdeburg. In my shows I do tricks with playing
|
||||
cards, books, newspaper and many other things. Feel free to contact me.</p>
|
||||
</div>
|
||||
<div class="d-flex justify-content-end flex-wrap p-2 menu">
|
||||
<div class="mr-3"><span class="far fa-copyright mr-2"></span>Samuel Philipp</div>
|
||||
<div class="flex-grow-1"></div>
|
||||
<div><a href="imprint.html"><span
|
||||
class="fas fa-info-circle mr-2"></span>Impressum</a></div>
|
||||
<div class="ml-3"><a href="privacy.html"><span
|
||||
class="fas fa-user-secret mr-2"></span>Datenschutz</a></div>
|
||||
</div>
|
||||
|
||||
<hr/>
|
||||
|
||||
<div class="menu-centered hide-for-small-only">
|
||||
<ul class="menu">
|
||||
<li><a href="https://www.linkedin.com/in/samuel-philipp"><span
|
||||
class="fa fa-4x fa-linkedin-square"></span></a></li>
|
||||
<li><a href="https://www.xing.com/profile/Samuel_Philipp"><span
|
||||
class="fa fa-4x fa-xing-square"></span></a></li>
|
||||
<li><a href="https://plus.google.com/u/0/+SamuelPd"><span
|
||||
class="fa fa-4x fa-google-plus-official"></span></a></li>
|
||||
<li><a href="mailto:mail@sp-magic.de"><span
|
||||
class="fa fa-4x fa-envelope"></span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="menu-centered show-for-small-only">
|
||||
<ul class="menu">
|
||||
<li><a href="https://www.linkedin.com/in/samuel-philipp"><span
|
||||
class="fa fa-2x fa-linkedin"></span></a></li>
|
||||
<li><a href="https://www.xing.com/profile/Samuel_Philipp"><span
|
||||
class="fa fa-2x fa-xing-square"></span></a></li>
|
||||
<li><a href="https://plus.google.com/u/0/+SamuelPd"><span
|
||||
class="fa fa-2x fa-google-plus-official"></span></a></li>
|
||||
<li><a href="mailto:mail@sp-magic.de"><span
|
||||
class="fa fa-2x fa-envelope"></span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="menu-centered">
|
||||
<ul class="menu">
|
||||
<li><a href="https://www.samuel-philipp.de">www.samuel-philipp.de</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).foundation();
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue