samuel-p/samuel-philipp.de
samuel-p/samuel-philipp.de
1
0
Fork 0
Code Issues Pull requests 8 Releases Activity Actions

fonts added

Browse source
This commit is contained in:
Samuel Philipp 2017-01-14 00:36:43 +01:00
parent 4fa51bd266
commit 316c1abbfc
4 changed files with 89 additions and 80 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

88
css/app.css
View file

@ -1,3 +1,91 @@
#maximage div {
cursor:pointer;
}
@font-face {
font-family: 'Pacifico';
src: local('Pacifico Regular'), url(../font/Pacifico-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'Source Code';
src: local('Source Code Pro'), url(../font/SourceCodePro-Regular.ttf) format('truetype');
}
body {
color: #fff;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.logo {
max-width: 128px;
max-height: 128px;
background-color: #ffffff;
border-radius: 50%;
border: 1px solid #222222;
}
#icon {
position: fixed;
right: 1rem;
bottom: 1rem;
width: 128px;
height: 128px;
}
.hide {
display: none;
}
.list {
margin: 5% auto;
text-align: center;
}
.list .item {
margin-bottom: 1rem;
}
.list .item img {
width: 512px;
border: 1px solid #fff;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
#magician h1 {
color: #000000;
position: fixed;
left: 50%;
transform: translateX(-50%);
bottom: 15%;
font-family: "Pacifico", cursive;
font-size: 50pt;
font-weight: normal;
text-decoration: none;
}
#developer h1 {
color: #ffffff;
position: fixed;
left: 50%;
transform: translate(-50%);
top: 50%;
font-family: "Source Code", monospace;
font-size: 50pt;
font-weight: bold;
text-decoration: none;
}
.list .magician {
color: #ffffff;
font-family: "Pacifico", cursive;
font-weight: normal;
}
.list .developer {
color: #ffffff;
font-family: "Source Code", monospace;
font-weight: bold;
}

BIN
font/Pacifico-Regular.ttf Normal file
View file

Binary file not shown.

BIN
font/SourceCodePro-Regular.ttf Normal file
View file

Binary file not shown.

81
index.html
View file

@ -8,6 +8,7 @@
<link rel="stylesheet" href="css/supersized.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="theme/supersized.shutter.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="css/app.css" type="text/css" media="screen"/>
<script type="text/javascript" src="js/vendor/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="js/vendor/jquery.easing.min.js"></script>
@ -83,86 +84,6 @@
});
</script>
<style>
body {
color: #fff;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.logo {
max-width: 128px;
max-height: 128px;
background-color: #ffffff;
border-radius: 50%;
border: 1px solid #222222;
}
#icon {
position: fixed;
right: 1rem;
bottom: 1rem;
width: 128px;
height: 128px;
}
.hide {
display: none;
}
.list {
margin: 5% auto;
text-align: center;
}
.list .item {
margin-bottom: 1rem;
}
.list .item img {
width: 512px;
border: 1px solid #fff;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
#magician h1 {
color: #000000;
position: fixed;
left: 50%;
transform: translateX(-50%);
bottom: 15%;
font-family: "Daniel Black", "Jenna Sue", "TeXGyreChorus", "URW Chancery L", cursive;
font-size: 50pt;
font-weight: bold;
text-decoration: none;
}
#developer h1 {
color: #ffffff;
position: fixed;
left: 50%;
transform: translate(-50%);
top: 50%;
font-family: "TeXGyreCursor", "Tlwg Typist", "Courier New", monospace;
font-size: 50pt;
font-weight: bold;
text-decoration: none;
}
.list .magician {
color: #ffffff;
font-family: "Daniel Black", "Jenna Sue", "TeXGyreChorus", "URW Chancery L", cursive;
font-weight: bold;
}
.list .developer {
color: #ffffff;
font-family: "TeXGyreCursor", "Tlwg Typist", "Courier New", monospace;
font-weight: bold;
}
</style>
<!-- Piwik -->
<script type="text/javascript">
var _paq = _paq || [];