updated css again again again...

This commit is contained in:
Jacob 2021-03-10 22:14:21 +01:00
parent b5a09fadb1
commit 8d42c9bad6
5 changed files with 33 additions and 11 deletions

View File

@ -43,7 +43,7 @@ article {
}
.posts{
width: 700px;
//width: 700px;
//background-color: #506692;
background-color: #d6e2fa;
}
@ -54,6 +54,7 @@ article {
width: 568px;
background-color: #d6e2fa;
padding: 50px;
padding-top: 0px;
margin-bottom: 30px;
}
@ -79,7 +80,7 @@ a {
}
a:hover {
color: lightblue;
color: orange;
--background-color: #ffffff;
}
@ -158,6 +159,19 @@ ul {
//background-color: #d6e2fa;
}
.titleArea {
display: flex;
justify-content: center;
}
#titleArea ul>li {
display: block;
}
#titleArea li {
display: table-cell;
}
#section ul>li{
display: block;
margin: auto;

View File

@ -7,14 +7,22 @@
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<div class="titleArea">
<ul id=titleArea>
<li style="width:270px;">
<h1 style="margin-bottom:0px;"><a class="title" href="/" style="text-decoration: none;">{{.Title}}</a></h1>
<div class="tagline">
<p style="text-indent: 0; margin-top:10px;">play, talk, develop</p>
</div>
</li>
<li style="width:568px;padding:50px;">
</li>
</ul>
</div>
<div class="section">
<ul id="section">
<li>
<h1><a class="title" href="/" style="text-decoration: none;">{{.Title}}</a></h1>
<div class="tagline">
<p style="text-indent: 0;">Develop games, play games, talk games</p>
</div>
<div class="menu">
<div class="menu" style="width:270px;">
<ul id="menu">
<!-- <li><a class={{if eq .CurrentPage "blog"}} "menuselect menuElement no-link"{{else}}"menuElement no-link"{{end}} href="/">blog</a></li> -->
<li><a class={{if eq .CurrentPage "past"}} "menuselect menuElement no-link"{{else}}"menuElement no-link"{{end}} href="/past">past</a></li>

View File

@ -1,8 +1,8 @@
{{define "content"}}
{{with .Posts}}
{{range .}}
<article class="post">{{template "post" .}}</article>{{else}}<div><strong>no posts</strong></div>{{end}}{{end}}
<article class="post bottomMenu">
<article class="post" style="margin-left:0px">{{template "post" .}}</article>{{else}}<div><strong>no posts</strong></div>{{end}}{{end}}
<article class="post bottomMenu"style="margin-left:0px">
<div>
<a class="bottomMenuElement" href="/">Return to top. &#8634;</a></br>
<p class="bottomMenuElement">Looking for more to read? Try the <a href="/past">past</a> section.</p></div>

View File

@ -6,7 +6,7 @@
<li>
<div style="display: flex; justify-content: space-between; ">
<div style="padding-right: 20px">
<a class="no-link" style="text-decoration: none; color: inherit" href="/post/{{.URLTitle}}"><b>{{.Title}}</b></a>
<a class="no-link" style="text-decoration: none;" href="/post/{{.URLTitle}}">{{.Title}}</a>
</div>
<div>
{{.NormalDate}}

View File

@ -1,3 +1,3 @@
{{define "post"}}
<h2><a class="no-link" style="text-decoration: none; color: inherit" href="/post/{{.URLTitle}}">{{.Title}}</a></h2>
<h2 style="margin-top:0px;"><a class="no-link" style="text-decoration: none; color: inherit" href="/post/{{.URLTitle}}">{{.Title}}</a></h2>
<div>{{ .Content }}</div>{{end}}