jannik/web-jbeyerstedt
1
0
Fork 0
Code Releases Activity

[SITE] add new logo (and Boon font) to front page

Browse source
This commit is contained in:
Jannik Beyerstedt 2016-05-17 20:47:47 +02:00
parent 179eb03074
commit 2a355d4f81
19 changed files with 123 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
assets/css/main.css
View file

@ -1,5 +1,9 @@
/* STYLE for jannikbeyerstedt.de /* STYLE for jannikbeyerstedt.de
* generic styles * generic styles
*
* main font: Alegreya Sans
* headings: Crimson Text
* Logo: Boon
*/ */
body { body {
margin: 0; margin: 0;

BIN
assets/css/main.css.map
View file

Binary file not shown.

27
assets/css/templates/home.css
View file

@ -3,17 +3,26 @@
*/ */
main div.home { main div.home {
text-align: center; text-align: center;
margin-top: 20%; margin-top: 17%;
margin-bottom: 20%; } margin-bottom: 20%; }
main div.home h1 { main div.home div.logo {
margin: 0; font-family: 'Boon', "Verdana", "Arial", sans-serif;
font-family: 'Alegreya Sans', "Verdana", "Arial", sans-serif; font-size: 24.5px;
line-height: 1.2em;
font-weight: 100; font-weight: 100;
font-size: 60px; width: 11em;
margin-top: 15px; margin: 0 auto; }
margin-bottom: 15px; } main div.home div.logo span {
color: #2da301;
font-weight: 400; }
main div.home div.logo span.firstname {
padding-left: 0.1em;
padding-right: 0.56em; }
main div.home div.logo span.surname {
letter-spacing: -0.036em; }
main div.home p { main div.home p {
margin: 0; margin-top: 0.5em;
font-size: 20px; } font-size: 14px;
letter-spacing: -0.02em; }
/*# sourceMappingURL=home.css.map */ /*# sourceMappingURL=home.css.map */

BIN
assets/css/templates/home.css.map
View file

Binary file not shown.

BIN
assets/fonts/boon-300.woff Normal file
View file

Binary file not shown.

BIN
assets/fonts/boon-300i.woff Normal file
View file

Binary file not shown.

BIN
assets/fonts/boon-400.woff Normal file
View file

Binary file not shown.

BIN
assets/fonts/boon-400i.woff Normal file
View file

Binary file not shown.

BIN
assets/fonts/boon-500.woff Normal file
View file

Binary file not shown.

BIN
assets/fonts/boon-500i.woff Normal file
View file

Binary file not shown.

BIN
assets/fonts/boon-600.woff Normal file
View file

Binary file not shown.

BIN
assets/fonts/boon-600i.woff Normal file
View file

Binary file not shown.

BIN
assets/fonts/boon-700.woff Normal file
View file

Binary file not shown.

BIN
assets/fonts/boon-700i.woff Normal file
View file

Binary file not shown.

55
assets/fonts/boon.css Executable file
View file

@ -0,0 +1,55 @@
@font-face {
src: url("boon-300.woff") format("woff");
font-family: "Boon";
font-style: normal;
font-weight: 300;
}
@font-face {
src: url("boon-300i.woff") format("woff");
font-family: "Boon";
font-style: italic;
font-weight: 300;
}
@font-face {
src: url("boon-400.woff") format("woff");
font-family: "Boon";
font-style: normal;
font-weight: 400;
}
@font-face {
src: url("boon-400i.woff") format("woff");
font-family: "Boon";
font-style: italic;
font-weight: 400;
}
@font-face {
src: url("boon-500.woff") format("woff");
font-family: "Boon";
font-style: normal;
font-weight: 500;
}
@font-face {
src: url("boon-500i.woff") format("woff");
font-family: "Boon";
font-style: italic;
font-weight: 500;
}
@font-face {
src: url("boon-700.woff") format("woff");
font-family: "Boon";
font-style: normal;
font-weight: 700;
}
@font-face {
src: url("boon-700i.woff") format("woff");
font-family: "Boon";
font-style: italic;
font-weight: 700;
}

4
assets/scss/main.scss
View file

@ -1,5 +1,9 @@
/* STYLE for jannikbeyerstedt.de /* STYLE for jannikbeyerstedt.de
* generic styles * generic styles
*
* main font: Alegreya Sans
* headings: Crimson Text
* Logo: Boon
*/ */
@import "custom"; @import "custom";
@import "variables"; @import "variables";

40
assets/scss/templates/home.scss
View file

@ -2,22 +2,42 @@
* for specific template * for specific template
*/ */
@import "../mainvariables";
main { main {
div.home { div.home {
text-align: center; text-align: center;
margin-top: 20%; margin-top: 17%;
margin-bottom: 20%; margin-bottom: 20%;
h1 {
margin: 0; div.logo {
font-family: 'Alegreya Sans', "Verdana", "Arial", sans-serif; font-family: 'Boon', "Verdana", "Arial", sans-serif;
font-size: 24.5px;
line-height: 1.2em;
font-weight: 100; font-weight: 100;
font-size: 60px;
margin-top: 15px; width: 11em; // more than needed, because of fallback fonts
margin-bottom: 15px; margin: 0 auto;
span {
color: $color_accent;
font-weight: 400;
&.firstname {
padding-left: 0.1em;
padding-right: 0.56em;
} }
&.surname {
letter-spacing: -0.036em;
}
}
}
p { p {
margin: 0; margin-top: 0.5em;
font-size: 20px; font-size: 14px;
} letter-spacing: -0.02em;
}
} }
} }

2
site/snippets/base/html-head.php
View file

@ -37,5 +37,7 @@ if( $page->isHomePage() ) {
<link href='https://fonts.googleapis.com/css?family=Alegreya+Sans:400,100,300,400italic,500,500italic,700' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Alegreya+Sans:400,100,300,400italic,500,500italic,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Crimson+Text:400,700' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Crimson+Text:400,700' rel='stylesheet' type='text/css'>
<?php echo css('assets/fonts/boon.css') ?>
</head> </head>
<body> <body>

12
site/templates/home.php
View file

@ -14,7 +14,17 @@ snippet('base/cont-header');
<div class="container"> <div class="container">
<div class="home"> <div class="home">
<h1><?php echo $page->hero_text()->kirbytextRaw() ?></h1> <div class="logo">
<span class="firstname">jannik</span>0b 01101010<br>
01100001 01101110<br>
01101110 01101001<br>
01101011 <span class="surname">beyerstedt</span><br>
01100010 01100101<br>
01111001 01100101<br>
01110010 01110011<br>
01110100 01100101<br>
01100100 01110100
</div>
<p><?php echo $page->subtitle()->kirbytextRaw() ?></p> <p><?php echo $page->subtitle()->kirbytextRaw() ?></p>
</div> </div>