lynnesbian/new-tab-page
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

render link list, restructure layout
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse source
This commit is contained in:
Lynne Megido 2020-02-29 20:37:27 +10:00
parent a46aea9ebe
commit 2147f0e269
Signed by: lynnesbian
GPG key ID: F0A184B5213D9F90
8 changed files with 31 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
.gitignore vendored
View file

@ -1,3 +1,3 @@
index.html
_site/ _site/
.jekyll-cache/ .jekyll-cache/
_data/*.yml

5
.vscode/settings.json vendored Normal file
View file

@ -0,0 +1,5 @@
{
"files.associations": {
"*.html": "jekyll",
}
}

5
_includes/links.html Normal file
View file

@ -0,0 +1,5 @@
<ul>
{%- for item in site.data.links %}
<li><a href='{{ item.link }}'>{{ item.name }} </a></li>
{%- endfor %}
</ul>

0
_includes/status.html Normal file
View file

10
_layouts/default.html
View file

@ -9,15 +9,7 @@
<body> <body>
<h1>{{ page.title }}</h1> <h1>{{ page.title }}</h1>
<div id='boxes'> {{ content }}
<div class='box'>
<h2>Status</h2>
</div>
<div class='box'>
<h2>Links</h2>
</div>
</div>
</body> </body>
</html> </html>

4
index-sample.html
View file

@ -1,4 +0,0 @@
---
layout: default
title: New Tab
---

14
index.html Normal file
View file

@ -0,0 +1,14 @@
---
layout: default
title: New Tab
---
<div id='boxes'>
<div class='box'>
<h2>Status</h2>
</div>
<div class='box'>
<h2>Links</h2>
{% include links.html %}
</div>
</div>

7
style.css
View file

@ -23,7 +23,6 @@ h1 {
p, footer, ul { p, footer, ul {
width: 80%; width: 80%;
margin: 20px auto;
line-height: 1.3em; line-height: 1.3em;
} }
p, ul { p, ul {
@ -33,7 +32,8 @@ li {
margin-top: 3px; margin-top: 3px;
} }
ul { ul {
list-style-type: "– "; padding: 0;
list-style-type: none;
} }
a { a {
@ -54,6 +54,9 @@ a {
display: inline-block; display: inline-block;
background: transparent; background: transparent;
transition: 0.2s all linear; transition: 0.2s all linear;
text-align: left;
vertical-align: top;
padding: 0 15px;
} }
.box:hover { .box:hover {
background: #00000011; background: #00000011;