new style
This commit is contained in:
parent
941d11bbe0
commit
4ffb29b596
7 changed files with 87 additions and 27 deletions
|
@ -1,19 +1,29 @@
|
|||
body {
|
||||
color: white;
|
||||
background-color: black;
|
||||
background-image: linear-gradient(to bottom, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 100%), url(/images/Chaoszone.svg);
|
||||
color: black;
|
||||
font-family: 'Sans';
|
||||
font-size: 20px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
padding: 0 2rem 0;
|
||||
display: flex;
|
||||
min-height: 100vh;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
body::before {
|
||||
z-index: -1;
|
||||
content: ' ';
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: #800000;
|
||||
background-image: linear-gradient(to bottom, rgba(128,0,0,0.9) 0%,rgba(128,0,0,0.9) 100%), url(/images/Chaoszone.black.svg);
|
||||
background-size: contain;
|
||||
background-attachment:fixed;
|
||||
background-repeat:no-repeat;
|
||||
background-position: center;
|
||||
font-family: 'MontserratLight';
|
||||
font-size: 20px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
margin: 0 2rem 0;
|
||||
display: flex;
|
||||
min-height: 100vh;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
header {
|
||||
|
@ -22,7 +32,7 @@ header {
|
|||
padding: 12px 0px 12px 0px;
|
||||
font-family: 'MontserratBlack';
|
||||
font-size: 30px;
|
||||
margin-left: 15rem;
|
||||
margin-left: 25rem;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5 {
|
||||
|
@ -40,7 +50,7 @@ a:hover {
|
|||
}
|
||||
|
||||
#logo, #logo img {
|
||||
max-width: 13rem;
|
||||
max-width: 23rem;
|
||||
}
|
||||
|
||||
#logo {
|
||||
|
@ -84,12 +94,15 @@ nav li a:first-child {
|
|||
}
|
||||
|
||||
article {
|
||||
padding-left: 15rem;
|
||||
margin-left: 25rem;
|
||||
}
|
||||
|
||||
article img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
footer {
|
||||
border-top: solid 2px white;
|
||||
color: #555;
|
||||
font-size: 12px;
|
||||
margin-top: 30px;
|
||||
padding: 12px 0px 12px 0px;
|
||||
|
|
35
site/images/Chaoszone.black.svg
Normal file
35
site/images/Chaoszone.black.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 19 KiB |
BIN
site/images/Chaoszone_crest.36c3.svg
Normal file
BIN
site/images/Chaoszone_crest.36c3.svg
Normal file
Binary file not shown.
After Width: | Height: | Size: 180 KiB |
1
site/images/FAHRPLAN.svg
Normal file
1
site/images/FAHRPLAN.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 20 KiB |
29
src/Main.hs
29
src/Main.hs
|
@ -56,19 +56,30 @@ main = do
|
|||
defaultCtx
|
||||
>>= relativizeUrls
|
||||
|
||||
match "site/index.md" $ do
|
||||
route $ myRoute `composeRoutes` setExtension "html"
|
||||
create ["index.html"] $ do
|
||||
route idRoute
|
||||
compile $ do
|
||||
posts <- fmap (take 5) . recentFirst =<< loadAll "site/posts/*"
|
||||
let indexCtx = listField "posts" postCtx (return posts) <>
|
||||
constField "title" "Home" <>
|
||||
post <- fmap head . recentFirst =<< (loadAll "site/posts/*"
|
||||
:: Compiler [Item String])
|
||||
let indexCtx =
|
||||
constField "date" "%B %e, %Y" <>
|
||||
defaultCtx
|
||||
getResourceBody
|
||||
>>= applyAsTemplate indexCtx
|
||||
>>= renderPandoc
|
||||
>>= loadAndApplyTemplate "templates/default.html" defaultCtx
|
||||
makeItem (itemBody post)
|
||||
>>= relativizeUrls
|
||||
|
||||
-- match "site/index.md" $ do
|
||||
-- route $ myRoute `composeRoutes` setExtension "html"
|
||||
-- compile $ do
|
||||
-- posts <- fmap (take 5) . recentFirst =<< loadAll "site/posts/*"
|
||||
-- let indexCtx = listField "posts" postCtx (return posts) <>
|
||||
-- constField "title" "Home" <>
|
||||
-- defaultCtx
|
||||
-- getResourceBody
|
||||
-- >>= applyAsTemplate indexCtx
|
||||
-- >>= renderPandoc
|
||||
-- >>= loadAndApplyTemplate "templates/default.html" defaultCtx
|
||||
-- >>= relativizeUrls
|
||||
|
||||
create ["archive.html"] $ do
|
||||
route idRoute
|
||||
compile $ do
|
||||
|
|
|
@ -1,3 +1,3 @@
|
|||
Here you can find all my previous posts:
|
||||
Here you can find all previous posts:
|
||||
|
||||
$partial("templates/post-list.html")$
|
||||
|
|
|
@ -15,7 +15,7 @@
|
|||
<div class="wrapper">
|
||||
<div id="logo">
|
||||
<a href="/">
|
||||
<img src="/images/Chaoszone_crest.svg" alt="ChaosZone">
|
||||
<img src="/images/Chaoszone_crest.36c3.svg" alt="ChaosZone">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
|
Loading…
Reference in a new issue