hq/setto.basspistol.com
hq/setto.basspistol.com
4
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

new frontpage

Browse source
This commit is contained in:
sakrecoer 2020-12-25 20:07:09 +01:00
parent ac6d3b372c
commit db86e11963
3 changed files with 39 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_data/colors.yml
View file

@ -3,7 +3,7 @@ bg-alt_rgba: 'rgba(60, 42, 82, 0.75)'
fg_rgba: 'rgb(235, 219, 248)' fg_rgba: 'rgb(235, 219, 248)'
fg-alt_rgba: 'rgba(235, 219, 248, 0.25)' fg-alt_rgba: 'rgba(235, 219, 248, 0.25)'
border_rgba: 'rgb(0, 0, 0)' border_rgba: 'rgb(0, 0, 0)'
border-alt_rgba: 'rgba(0, 0, 0, 0.75)' border-alt_rgba: 'rgba(0, 0, 0, 0.5)'
accent1_rgba: 'rgb(56, 255, 89)' accent1_rgba: 'rgb(56, 255, 89)'
accent1-alt_rgba: 'rgba(56, 255, 89, 0.75)' accent1-alt_rgba: 'rgba(56, 255, 89, 0.75)'
accent2_rgba: 'rgba(255, 145, 0, 1)' accent2_rgba: 'rgba(255, 145, 0, 1)'

34
_sass/_layout.scss
View file

@ -134,7 +134,7 @@ body {
width: 100px; width: 100px;
height: 100px; height: 100px;
line-height: 100px; line-height: 100px;
margin: 0 0 20px 0; margin: 0 0 10px 0;
padding:0; padding:0;
font-size: 65px; font-size: 65px;
} }
@ -237,6 +237,8 @@ footer {
} }
.icon:hover { .icon:hover {
border: 1px solid var(--accent2); border: 1px solid var(--accent2);
color: var(--accent2);
} }
.footframe { .footframe {
display: flex; display: flex;
@ -255,7 +257,7 @@ footer {
width: 100%; width: 100%;
} }
li { li {
border-bottom: 1px solid var(--bg-alt);
line-height: 2; line-height: 2;
font-size: 1.5em; font-size: 1.5em;
a { a {
@ -263,6 +265,10 @@ footer {
text-decoration: none; text-decoration: none;
color: var(--bg); color: var(--bg);
} }
a:hover {
color: var(--accent2);
}
} }
} }
@ -379,9 +385,31 @@ footer {
.container { .container {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
box-shadow: 15px 15px 28px 24px var(--border-alt) inset;
border-radius: var(--border-radius);
justify-content: space-between;
div { div {
flex: 1 0 280px; flex: 1 0 280px;
padding: 20px;
overflow: hidden;
text-overflow: ellipsis;
background-color: var(--bg-alt);
img {
max-width: 120px;
height: auto;
}
.date {
font-size: 0.6em;
margin-top: 40px;
}
h2 {
padding-top: 0;
margin-bottom: 0px;
}
hr {
border: 1px solid var(--fg-alt);
}
} }
} }
} }

13
index.html
View file

@ -143,7 +143,11 @@ apps:
{% if item.summary %} {% if item.summary %}
<h2 style="text-align: left;">{{ item.summary }}</h2> <h2 style="text-align: left;">{{ item.summary }}</h2>
{% endif %} {% endif %}
<p>
<p>
{{ item.content }}
</p>
<p class="date">
{% assign d = item.published | date: "%-d" %} {% assign d = item.published | date: "%-d" %}
{% case d %} {% case d %}
{% when '1' or '21' or '31' %}{{ d }}:st {% when '1' or '21' or '31' %}{{ d }}:st
@ -165,17 +169,14 @@ apps:
{% endcase %} {% endcase %}
{{ item.published | date: "%Y" }} - {{ item.published | date: "%R" }} {{ item.published | date: "%Y" }} - {{ item.published | date: "%R" }}
</p> </p>
<p>
{{ item.content }}
</p>
{% for enclosure in item.link %} {% for enclosure in item.link %}
{% if enclosure.type == "image/jpeg" %} {% if enclosure.type == "image/jpeg" %}
<img src="{{ enclosure.href }}" height="300px" /> <img src="{{ enclosure.href }}" />
{% endif %} {% endif %}
{% endfor %} {% endfor %}
<hr />
<hr />
</div> </div>
{% endunless %} {% endunless %}
{% endfor %} {% endfor %}