rework website
This commit is contained in:
parent
782311c832
commit
3f2f910349
6 changed files with 69 additions and 48 deletions
|
@ -26,3 +26,4 @@ executable chaoszone
|
||||||
, aeson
|
, aeson
|
||||||
hs-source-dirs: src
|
hs-source-dirs: src
|
||||||
default-language: Haskell2010
|
default-language: Haskell2010
|
||||||
|
ghc-options: -Wall -threaded
|
||||||
|
|
|
@ -1,14 +1,20 @@
|
||||||
body {
|
body {
|
||||||
color: black;
|
color: black;
|
||||||
font-family: 'CMUTypewriter';
|
font-family: 'CMUTypewriter';
|
||||||
font-size: 23px;
|
font-size: 23pt;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
padding: 0 2rem 0;
|
padding: 0 2rem 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
display: flex;
|
display: grid;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
flex-direction: column;
|
grid-template-columns: [leftcol] 23rem [maincol] auto [rightcol] 1fr;
|
||||||
|
grid-template-rows: [headerrow] 6rem [mainrow] auto [footerrow] 2rem;
|
||||||
|
grid-template-areas:
|
||||||
|
"logo header header"
|
||||||
|
"logo main main"
|
||||||
|
"logo footer footer";
|
||||||
|
background-color: #a21d10;
|
||||||
}
|
}
|
||||||
|
|
||||||
body::before {
|
body::before {
|
||||||
|
@ -19,21 +25,24 @@ body::before {
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
background-color: #c30000;
|
background-image: url(/images/Chaoszone.black.svg);
|
||||||
background-image: linear-gradient(to bottom, rgba(195,0,0,0.9) 0%,rgba(195,0,0,0.9) 100%), url(/images/Chaoszone.black.svg);
|
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
background-attachment:fixed;
|
background-attachment:fixed;
|
||||||
background-repeat:no-repeat;
|
background-repeat:no-repeat;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
|
opacity: 0.05;
|
||||||
}
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
border-bottom: 2px solid white;
|
border-bottom: 2px solid white;
|
||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
padding: 12px 0px 12px 0px;
|
padding: 12px 0px 12px 0px;
|
||||||
|
grid-area: header;
|
||||||
|
}
|
||||||
|
|
||||||
|
header, header a {
|
||||||
font-family: 'CMUTypewriter';
|
font-family: 'CMUTypewriter';
|
||||||
font-size: 30px;
|
font-size: 23pt;
|
||||||
margin-left: 25rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5 {
|
h1, h2, h3, h4, h5 {
|
||||||
|
@ -50,6 +59,10 @@ a:hover {
|
||||||
text-decoration: underline
|
text-decoration: underline
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#logo {
|
||||||
|
grid-area: logo;
|
||||||
|
}
|
||||||
|
|
||||||
#logo, #logo img {
|
#logo, #logo img {
|
||||||
max-width: 23rem;
|
max-width: 23rem;
|
||||||
}
|
}
|
||||||
|
@ -83,7 +96,6 @@ nav li {
|
||||||
|
|
||||||
nav li a {
|
nav li a {
|
||||||
color: white;
|
color: white;
|
||||||
font-size: 18px;
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-left: 12px;
|
margin-left: 12px;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
@ -95,7 +107,7 @@ nav li a:first-child {
|
||||||
}
|
}
|
||||||
|
|
||||||
article {
|
article {
|
||||||
margin-left: 25rem;
|
grid-area: main;
|
||||||
}
|
}
|
||||||
|
|
||||||
article img {
|
article img {
|
||||||
|
@ -103,19 +115,22 @@ article img {
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
|
grid-area: footer;
|
||||||
border-top: solid 2px white;
|
border-top: solid 2px white;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
padding: 12px 0px 12px 0px;
|
padding: 12px 0px 12px 0px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 24px;
|
font-size: 24pt;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-size: 20px;
|
font-size: 20pt;
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
div.info {
|
div.info {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|
|
@ -25,3 +25,10 @@
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'LePatinHelvete';
|
||||||
|
src: url('/fonts/Le-patin-helvete.ttf') format('truetype');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
|
@ -1,16 +1,16 @@
|
||||||
---
|
---
|
||||||
title: Home
|
title: Under Construction
|
||||||
---
|
---
|
||||||
|
|
||||||
## Welcome, Comrades!
|
## /!\\ Codeworks ahead /!\\
|
||||||
|
|
||||||
|
Hello there!
|
||||||
|
|
||||||
Welcome to this blog!
|
As the 37th Chaos Communication Congress draws nearer a greater overhaul of this page is in order.
|
||||||
|
|
||||||
We are ChaosZone, mostly hackers from eastern countries, but all creatures are
|
Come back soon for more Information on ChaosZone and its member hackerspaces.
|
||||||
welcome. Meet us at our Assembly at 35C3.
|
|
||||||
|
|
||||||
The latest posts here are:
|
Posts from previous years:
|
||||||
|
|
||||||
$partial("templates/post-list.html")$
|
$partial("templates/post-list.html")$
|
||||||
|
|
||||||
|
|
42
src/Main.hs
42
src/Main.hs
|
@ -50,29 +50,29 @@ main = do
|
||||||
defaultCtx
|
defaultCtx
|
||||||
>>= relativizeUrls
|
>>= relativizeUrls
|
||||||
|
|
||||||
create ["index.html"] $ do
|
-- create ["index.html"] $ do
|
||||||
route idRoute
|
-- route idRoute
|
||||||
compile $ do
|
|
||||||
post <- fmap head . recentFirst =<< (loadAll "site/posts/*"
|
|
||||||
:: Compiler [Item String])
|
|
||||||
let indexCtx =
|
|
||||||
constField "date" "%B %e, %Y" <>
|
|
||||||
defaultCtx
|
|
||||||
makeItem (itemBody post)
|
|
||||||
>>= relativizeUrls
|
|
||||||
|
|
||||||
-- match "site/index.md" $ do
|
|
||||||
-- route $ myRoute `composeRoutes` setExtension "html"
|
|
||||||
-- compile $ do
|
-- compile $ do
|
||||||
-- posts <- fmap (take 5) . recentFirst =<< loadAll "site/posts/*"
|
-- post <- fmap head . recentFirst =<< (loadAll "site/posts/*"
|
||||||
-- let indexCtx = listField "posts" postCtx (return posts) <>
|
-- :: Compiler [Item String])
|
||||||
-- constField "title" "Home" <>
|
-- let indexCtx =
|
||||||
|
-- constField "date" "%B %e, %Y" <>
|
||||||
-- defaultCtx
|
-- defaultCtx
|
||||||
-- getResourceBody
|
-- makeItem (itemBody post)
|
||||||
-- >>= applyAsTemplate indexCtx
|
-- >>= relativizeUrls
|
||||||
-- >>= renderPandoc
|
|
||||||
-- >>= loadAndApplyTemplate "templates/default.html" defaultCtx
|
match "site/index.md" $ do
|
||||||
-- >>= relativizeUrls
|
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
|
create ["archive.html"] $ do
|
||||||
route idRoute
|
route idRoute
|
||||||
|
|
|
@ -12,12 +12,11 @@
|
||||||
<link rel="icon" type="image/svg+xml" href="/images/Chaoszone.svg">
|
<link rel="icon" type="image/svg+xml" href="/images/Chaoszone.svg">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="wrapper">
|
<div id="logo">
|
||||||
<div id="logo">
|
<a href="/">
|
||||||
<a href="/">
|
<img src="/images/Chaoszone_crest.36c3.svg" alt="ChaosZone">
|
||||||
<img src="/images/Chaoszone_crest.36c3.svg" alt="ChaosZone">
|
</a>
|
||||||
</a>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<header id="header">
|
<header id="header">
|
||||||
<nav class="menu">
|
<nav class="menu">
|
||||||
|
@ -30,11 +29,10 @@
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<article id="content">
|
<article id="content">
|
||||||
<h1>$title$</h1>
|
<h1>$title$</h1>
|
||||||
$body$
|
$body$
|
||||||
</article>
|
</article>
|
||||||
</div>
|
|
||||||
|
|
||||||
<footer id="footer">
|
<footer id="footer">
|
||||||
last updated on: $curtime$ |
|
last updated on: $curtime$ |
|
||||||
|
|
Loading…
Reference in a new issue