Skip to content

Commit

Permalink
new fonts and so on
Browse files Browse the repository at this point in the history
  • Loading branch information
lukas-h committed Oct 22, 2016
1 parent d3bdab8 commit f17c520
Show file tree
Hide file tree
Showing 11 changed files with 61 additions and 49 deletions.
7 changes: 3 additions & 4 deletions index.html
Expand Up @@ -15,14 +15,15 @@ <h2 class="my-mini-heading">{{ site.posts_btn }}</h2>
<li>
<p class="my-item">
<a href="{{ post.url | prepend: site.baseurl }}" class="my-link">{{ post.title }}</a><br>
<span class="my-item-sub">{{ post.date | date: "%b %-d, %Y" }}</span>
<span class="my-item-sub">{{ post.date | date: "%b %-d, %Y" }}</span><br>
{{ post.content | strip_html | truncatewords: 20 }}
</p>
</li>
{% endfor %}
<li>
<p class="my-item">
<a href="{{ "/feed.xml" | prepend: site.baseurl }}" class="my-link">RSS</a> / <a href="{{ "/atom.xml" | prepend: site.baseurl }}" class="my-link">ATOM</a><br>
<span class="my-item-sub"><i class="fa fa-rss" aria-hidden="true"></i> {{ site.rss_badge }}</span>
<i class="fa fa-rss" aria-hidden="true"></i> {{ site.rss_badge }}
</li>
</ul>

Expand All @@ -38,9 +39,7 @@ <h2 class="my-mini-heading">{{ site.projects_btn }}</h2>
{% for project in site.data.projects %}
<li>
<p class="my-item"><a href="{{ project.link }}" class="my-link">{{ project.name }}</a><br>
<span class="my-item-sub">
{{ project.description }}
</span>
</p>
</li>
{% endfor %}
Expand Down
Binary file added styles/fonts/lfe.woff2
Binary file not shown.
Binary file added styles/fonts/lfl.ttf
Binary file not shown.
Binary file added styles/fonts/lfl.woff2
Binary file not shown.
Binary file added styles/fonts/pfd.ttf
Binary file not shown.
Binary file added styles/fonts/pfdc.woff2
Binary file not shown.
Binary file added styles/fonts/pfde.woff2
Binary file not shown.
Binary file added styles/fonts/pfdl.woff2
Binary file not shown.
Binary file added styles/fonts/vsl.ttf
Binary file not shown.
Binary file added styles/fonts/vsl.woff2
Binary file not shown.
103 changes: 58 additions & 45 deletions styles/main.css
Expand Up @@ -26,28 +26,35 @@ src:local('Material Icons'),local(MaterialIcons-Regular),url(fonts/icons.woff2)
direction: ltr;
-webkit-font-smoothing: antialiased;
}

/* cyrillic */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 400;
src: local('Playfair Display'), local('PlayfairDisplay-Regular'), url(fonts/pfdc.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
font-family: 'Libre Baskerville';
font-family: 'Playfair Display';
font-style: normal;
font-weight: 400;
src: local('Libre Baskerville'), local('LibreBaskerville-Regular'), url(fonts/slbe.woff2) format('woff2');
src: local('Playfair Display'), local('PlayfairDisplay-Regular'), url(fonts/pdfe.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Libre Baskerville';
font-family: 'Playfair Display';
font-style: normal;
font-weight: 400;
src: local('Libre Baskerville'), local('LibreBaskerville-Regular'), url(fonts/slbl.woff2) format('woff2');
src: local('Playfair Display'), local('PlayfairDisplay-Regular'), url(fonts/pdfl.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
font-family: 'Libre Baskerville';
font-family: 'Playfair Display';
font-style: normal;
font-weight: 400;
src: local('Libre Baskerville'), local('LibreBaskerville-Regular'), url(fonts/lbl.ttf) format('truetype');
src: local('Playfair Display'), local('PlayfairDisplay-Regular'), url(fonts/pfd.ttf) format('truetype');
}

/* latin */
Expand All @@ -65,36 +72,41 @@ src:local('Material Icons'),local(MaterialIcons-Regular),url(fonts/icons.woff2)
font-weight: 400;
src: local('Share Tech Mono'), local('ShareTechMono-Regular'), url(fonts/stm.ttf) format('truetype');
}

/* cyrillic */
/* latin */
@font-face {
font-family: 'Rubik One';
font-family: 'Vast Shadow';
font-style: normal;
font-weight: 400;
src: local('Rubik One Regular'), local('RubikOne-Regular'), url(fonts/sr0c.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
src: local('Vast Shadow Regular'), local('VastShadow-Regular'), url(fonts/vsl.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
font-family: 'Rubik One';
font-family: 'Vast Shadow';
font-style: normal;
font-weight: 400;
src: local('Rubik One Regular'), local('RubikOne-Regular'), url(fonts/sr0e.woff2) format('woff2');
src: local('Vast Shadow Regular'), local('VastShadow-Regular'), url(fonts/vsl.ttf) format('truetype');
}
/* latin-ext */
@font-face {
font-family: 'Libre Franklin';
font-style: normal;
font-weight: 700;
src: local('Libre Franklin Bold'), local('LibreFranklin-Bold'), url(fonts/lfe.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Rubik One';
font-family: 'Libre Franklin';
font-style: normal;
font-weight: 400;
src: local('Rubik One Regular'), local('RubikOne-Regular'), url(fonts/sr0l.woff2) format('woff2');
font-weight: 700;
src: local('Libre Franklin Bold'), local('LibreFranklin-Bold'), url(fonts/lfl.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
font-family: 'Rubik One';
font-family: 'Libre Franklin';
font-style: normal;
font-weight: 400;
src: local('Rubik One Regular'), local('RubikOne-Regular'), url(fonts/rbo.ttf) format('truetype');
font-weight: 700;
src: local('Libre Franklin Bold'), local('LibreFranklin-Bold'), url(fonts/lfl.ttf) format('truetype');
}
a{
font-family: 'Share Tech Mono', monospace;
Expand All @@ -104,7 +116,7 @@ a{
}
.my-link:hover{
background: #c9f6ff;
border: 1px solid #c9f6ff;
border: 0px solid #c9f6ff;
border-radius: 3px;
}
.my-link:active{
Expand All @@ -118,7 +130,7 @@ a{
margin-top: 45px;
}
.my-name{
font-family: 'Rubik One', sans-serif;
font-family: 'Vast Shadow', cursive;
font-size: 45px;
color: black;
}
Expand All @@ -129,21 +141,22 @@ a{
color: black;
}
.my-heading{
font-family: 'Rubik One', sans-serif;
font-family: 'Vast Shadow', cursive;
font-size: 37px;
margin-top: 70px;
}
.my-heading-sub{
font-size: 33px;
}
.my-mini-heading{
font-family: 'Rubik One', sans-serif;
font-size: 23.5px;
font-family: 'Vast Shadow', cursive;
font-weight: normal;
font-size: 27px;
}
.my-mini-heading-sub{
font-family: 'Libre Baskerville', serif;
font-size: 15px;
color: #4db6ac;
font-family: 'Share Tech Mono', monospace;
font-weight: normal;
font-size: 14.5px;
}
.my-description{
font-family: 'Share Tech Mono', monospace;
Expand Down Expand Up @@ -172,13 +185,14 @@ a{
color: #38c1c1;
}
.my-text-body{
font-family: 'Libre Baskerville', serif;
font-size: 13px;
font-family: 'Playfair Display', serif;
font-size: 16px;
margin-top: 20px;
}
.my-text-body h1,h2,h3,h4,h5,h6 {
font-family: 'Rubik One', sans-serif;
font-weight: 300 !important;
font-family: 'Libre Franklin', sans-serif;

font-weight: bold;
margin-bottom: 20px;
}
.my-text-body h1{
Expand All @@ -200,22 +214,21 @@ a{
font-size: 16px;
}
.my-text-author{
font-size: 16px;
font-family: 'Share Tech Mono', monospace;
font-weight: bold;
font-size: 17px;
font-family: 'Playfair Display', serif;
margin: 30px 0 25px;
}
.my-text-body a{
font-size: 16px;
}
.my-text-body a:hover{
background: #c9f6ff;
border: 1px solid #c9f6ff;
border: 0px solid #c9f6ff;
border-radius: 3px;
}
.my-text-body a:active{
background: #c9dcff;
border: 1px solid #c9dcff;
border: 0px solid #c9dcff;
border-radius: 3px;
}

Expand All @@ -229,22 +242,22 @@ a{
color: #ea8462;
}
.my-item{
font-family: 'Libre Baskerville', serif;
font-size: 18px;
margin-bottom: 20px;
font-family: 'Playfair Display', serif;
font-size: 16px;
margin-bottom: 40px;
}
.my-item-sub{
font-family: 'Share Tech Mono', monospace;
font-size: 12px;
font-family: 'Share Tech Mono', monospace;
font-size: 13px;
}
.my-tag{
font-family: 'Share Tech Mono', monospace;
font-size: 13px;
font-size: 14.5px;
color: #4db6ac;
}
#projects, #posts{
display: none;
}
img{
max-width: 100%;
}
}

0 comments on commit f17c520

Please sign in to comment.