rra
/
wttf
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

asking for troubles

master
mb @ ts 6 years ago
parent
ff63dc3ee7
commit
86c7eeda86
2 changed files with 49 additions and 33 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 69
      theme/wttf/static/main.css
  2. 13
      theme/wttf/templates/base.html

69
theme/wttf/static/main.css
View File

@ -4,6 +4,12 @@
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face{
font-family: "serif";
src:url('fonts/liberation-serif/LiberationSerif-Italic.ttf');
font-weight: normal;
font-style: italic;
}
@font-face{ @font-face{
font-family: "serif"; font-family: "serif";
src:url('fonts/liberation-serif/LiberationSerif-Bold.ttf'); src:url('fonts/liberation-serif/LiberationSerif-Bold.ttf');
@ -16,23 +22,24 @@
font-weight: bold; font-weight: bold;
font-style: italic; font-style: italic;
} }
@font-face{ @font-face{
font-family: "serif"; font-family: "headers";
src:url('fonts/liberation-serif/LiberationSerif-Italic.ttf'); src:url('fonts/arima-koshi/ArimaKoshi-Medium.otf');
font-weight: normal; font-weight: normal;
font-style: italic; font-style: normal;
} }
@font-face{ @font-face{
font-family: "headers"; font-family: "headers";
src:url('fonts/arima-koshi/ArimaKoshi-ExtraBold.otf'); src:url('fonts/arima-koshi/ArimaKoshi-ExtraBold.otf');
font-weight: normal; font-weight: bold;
font-style: normal; font-style: normal;
} }
body{ body{
margin:0px; margin:0px;
font-size: 14px; font-size: 14px;
font-family: "serif"; font-family: "serif";
background-color: #bab3feb3; background-color: #ccd1cab3;
word-break: normal; word-break: normal;
} }
h1{ h1{
@ -44,12 +51,28 @@ h1{
font-family: "headers"; font-family: "headers";
font-weight: bold; font-weight: bold;
} }
h2, h3, h4, h5, h6{
font-family: "headers";
font-weight: bold;
margin-bottom: 0;
padding-bottom: 0;
}
p{
margin: 0 0 1em 0;
}
a, a:visited, a:active{ a, a:visited, a:active{
color:black; color:black;
} }
blockquote{ blockquote{
font-weight:bold; font-weight:bold;
font-family: "headers";
font-weight: normal;
}
code{
font-family: monospace;
font-size: 12px;
padding:0 5px;
} }
a, a:active, a:visited{ a, a:active, a:visited{
@ -83,7 +106,7 @@ header{
font-size: 5vw; font-size: 5vw;
line-height: 1.35; line-height: 1.35;
color:white; color:white;
background-color: #3c0e02; background-color: #fb4817;
} }
#menu.main{ #menu.main{
position: relative; position: relative;
@ -92,8 +115,7 @@ header{
#menu.main .indent{ #menu.main .indent{
padding-left:1em; padding-left:1em;
} }
#menu #subtitles{ #menu #subtitle{
position: absolute;
width: calc(50% - 6em); width: calc(50% - 6em);
top:0; top:0;
left:calc(50% + 4em); left:calc(50% + 4em);
@ -104,10 +126,6 @@ header{
line-height: 1.8; line-height: 1.8;
color:white; color:white;
} }
#menu #subtitles div{
display: inline-block;
/*padding-right: 5px;*/
}
#menu img.shape{ #menu img.shape{
width:20px; width:20px;
height: 20px; height: 20px;
@ -128,7 +146,7 @@ header{
left:0; left:0;
padding:8px 1em 8px 2em; padding:8px 1em 8px 2em;
margin:0; margin:0;
background-color: #3c0e02; background-color: #fb4817;
} }
#menu.sticky{ #menu.sticky{
z-index: 1; z-index: 1;
@ -148,10 +166,15 @@ header{
} }
#agenda{ #agenda{
width: calc(50% - 8em); width: calc(50% - 6em);
padding-left:2em;
float: left; float: left;
padding: 2em;
background-color: #6ade4e;
border-radius: 15px;
} }
#agenda hr{
margin:2em 0;
}
.featured { .featured {
max-width: calc(50% - 1.5em); max-width: calc(50% - 1.5em);
float: left; float: left;
@ -248,7 +271,7 @@ footer{
margin:0; margin:0;
padding:2em; padding:2em;
left:0; left:0;
background-color: #9b98b0; background-color: #272c26;
color:white; color:white;
clear:both; clear:both;
} }
@ -268,7 +291,7 @@ footer{
#menu{ #menu{
clear:both; clear:both;
max-width: 100%; max-width: 100%;
padding:1em 1em 4em 1em; padding:1em 1em 1em 1em;
font-size: 12vw; font-size: 12vw;
} }
#menu.sticky{ #menu.sticky{
@ -291,11 +314,11 @@ footer{
right: 10px; right: 10px;
padding: 1em; padding: 1em;
} }
#menu #subtitles{ #menu #subtitle{
width: calc(100% - 2em); width: calc(100% - 2em);
top: 18em; top: 18em;
left: 1em; left: 1em;
margin: 1em; margin: 3em 1em 1em 1em;
font-family: 'serif'; font-family: 'serif';
font-size: 16px; font-size: 16px;
line-height: 1.6; line-height: 1.6;
@ -305,20 +328,20 @@ footer{
height: 12px; height: 12px;
} }
#agenda{ #agenda{
width: 100%; width: calc(100% - 4em);
margin:0; margin: 2em 0px;
padding:0;
} }
.featured{ .featured{
max-width: 100%; !important max-width: 100%; !important
clear:both; !important clear:both; !important
float: none; float: none;
margin-top:0;
} }
.featured:nth-child(even) { .featured:nth-child(even) {
clear:both; !important clear:both; !important
} }
.entry-title{ .entry-title{
margin:2em 0 0; margin:1em 0 0;
padding:1.5em 1em; padding:1.5em 1em;
} }
.entry-content{ .entry-content{

13
theme/wttf/templates/base.html
View File

@ -52,19 +52,12 @@
</div> </div>
<div class="indent">Federation</div> <div class="indent">Federation</div>
</div> </div>
<div id="subtitles"> <div id="subtitle">
<div>⟿ social media ⟿</div> {{ SUBTITLE }}
<div>chats ⟿</div>
<div>ecosystems ⟿</div>
<div>open protocols ⟿</div>
<div>(XMPP, ActivityPub, OStatus, ...) ⟿</div>
<div>design ⟿</div>
<div>language ⟿</div>
<div>user experiences (UX) ⟿</div>
</div> </div>
</h1> </h1>
<h1 id="menu" class="sticky"> <h1 id="menu" class="sticky">
<a href="/{{SITEURL}}">Welcome to <a href="{{SITEURL}}">Welcome to
the the
<select onchange="window.location.href=this.value"> <select onchange="window.location.href=this.value">
{%- for t, article in tags|sort %} {%- for t, article in tags|sort %}

Write Preview
Loading…
Cancel
Save