christoffer/takunomi-blog
1
0
Fork 0
forked from ohayo-jacob/takunomi-blog
Code Pull Requests Activity

updated css again again again...

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
css/style.css
View File

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

18
templates/blog.tmpl
View File

@ -7,14 +7,22 @@
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/css/style.css">
</head> </head>
<body> <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"> <div class="section">
<ul id="section"> <ul id="section">
<li> <li>
<h1><a class="title" href="/" style="text-decoration: none;">{{.Title}}</a></h1> <div class="menu" style="width:270px;">
<div class="tagline">
<p style="text-indent: 0;">Develop games, play games, talk games</p>
</div>
<div class="menu">
<ul id="menu"> <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 "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> <li><a class={{if eq .CurrentPage "past"}} "menuselect menuElement no-link"{{else}}"menuElement no-link"{{end}} href="/past">past</a></li>

4
templates/blog_roll.tmpl
View File

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

2
templates/past.tmpl
View File

@ -6,7 +6,7 @@
<li> <li>
<div style="display: flex; justify-content: space-between; "> <div style="display: flex; justify-content: space-between; ">
<div style="padding-right: 20px"> <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>
<div> <div>
{{.NormalDate}} {{.NormalDate}}

2
templates/post.tmpl
View File

@ -1,3 +1,3 @@
{{define "post"}} {{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}} <div>{{ .Content }}</div>{{end}}