Momangen/momangen
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

on going

Browse source
This commit is contained in:
Set Hallstrom 2019-05-19 00:03:12 +02:00
parent 23048c8f93
commit d92e640ef2
3 changed files with 34 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

13
_includes/hero.html
View file

@ -8,15 +8,14 @@
<div id="poster" class="column"> <div id="poster" class="column">
{% for event in site.events limit: 1 %} {% for event in site.events limit: 1 %}
<div> <div>
<a href="{{ event.url }}"><img src="{{ event.image }}" /></a> <h4>På gång:</h4>
</div> <h4>{{ event.start_datetime | date: "%Y-%m-%d"}} {{ event.start_datetime | date: "%R"}}</h4>
<div> <h2><a href="{{ event.url }}">{{ event.title }}</a></h2>
<h2>{{ event.title }}</h2>
<h3>{{ event.start_datetime }} till {{ event.end_datetime }}</h3>
<p>{{ event.description }}</p> <p>{{ event.description }}</p>
<a href="{{ event.url }}">Läs mer</a> Typ: {{ event.category }} <a href="{{ event.url }}">Läs mer</a>
<p>{{ event.category }}</p> <br /><br />
</div> </div>
{% endfor %} {% endfor %}
</div> </div>

43
_sass/mycv.scss
View file

@ -54,24 +54,20 @@ a:visited,
a:hover, a:hover,
a:active, a:active,
a:focus { a:focus {
color: #333;
text-decoration: none; text-decoration: none;
background: linear-gradient(97deg, rgb(31, 31, 31), rgb(224, 224, 224));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-transition: text-shadow 0.2s linear; -webkit-transition: text-shadow 0.2s linear;
-moz-transition: text-shadow 0.2s linear; -moz-transition: text-shadow 0.2s linear;
-ms-transition: text-shadow 0.2s linear; -ms-transition: text-shadow 0.2s linear;
-o-transition: text-shadow 0.2s linear; -o-transition: text-shadow 0.2s linear;
transition: text-shadow 0.2s linear; transition: text-shadow 0.2s linear;
text-shadow: none; text-shadow: none;
padding: 0 10px;
border-radius: 3px;
} }
a:hover { a:hover {
text-shadow: .05em .05em rgb(31, 31, 31), -.05em -.05em rgb(224, 224, 224); text-shadow: .05em .05em rgb(31, 31, 31), -.05em -.05em rgb(224, 224, 224);
background: linear-gradient(97deg, rgb(224, 224, 224), rgb(31, 31, 31),);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
} }
a:active { a:active {
@ -99,10 +95,6 @@ a:active {
h1 { h1 {
position: relative; position: relative;
margin-bottom: 0; margin-bottom: 0;
background: linear-gradient(90deg, rgb(31, 31, 31), rgb(224, 224, 224));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 3em; font-size: 3em;
// text-shadow: .05em .05em rgba(31, 31, 31, 0.5), -.05em -.05em rgba(224, 224, 224, 0.5); // text-shadow: .05em .05em rgba(31, 31, 31, 0.5), -.05em -.05em rgba(224, 224, 224, 0.5);
-moz-animation: fontmovement 10s linear infinite; /* Safari 4.0 - 8.0 */ -moz-animation: fontmovement 10s linear infinite; /* Safari 4.0 - 8.0 */
@ -122,7 +114,6 @@ a:active {
display: flex; display: flex;
width: 100%; width: 100%;
height: 30vh; height: 30vh;
background: linear-gradient(223deg, rgba(31, 31, 31, 0.5), rgba(224, 224, 224, 0.5));
background-size: 800% 800%; background-size: 800% 800%;
div { div {
@ -136,10 +127,6 @@ a:active {
h1 { h1 {
position: relative; position: relative;
margin-bottom: 0; margin-bottom: 0;
background: linear-gradient(90deg, rgb(31, 31, 31), rgb(224, 224, 224));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 3em; font-size: 3em;
// text-shadow: .05em .05em rgba(31, 31, 31, 0.5), -.05em -.05em rgba(224, 224, 224, 0.5); // text-shadow: .05em .05em rgba(31, 31, 31, 0.5), -.05em -.05em rgba(224, 224, 224, 0.5);
-moz-animation: fontmovement 10s linear infinite; /* Safari 4.0 - 8.0 */ -moz-animation: fontmovement 10s linear infinite; /* Safari 4.0 - 8.0 */
@ -171,6 +158,28 @@ a:active {
flex-wrap: wrap; flex-wrap: wrap;
overflow-x: hidden; overflow-x: hidden;
background-color: #fff; background-color: #fff;
a:link,
a:visited,
a:hover,
a:active,
a:focus {
text-decoration: none;
background: linear-gradient(97deg, rgb(84, 241, 210), rgb(165, 202, 195));
-webkit-transition: text-shadow 0.2s linear;
-moz-transition: text-shadow 0.2s linear;
-ms-transition: text-shadow 0.2s linear;
-o-transition: text-shadow 0.2s linear;
transition: text-shadow 0.2s linear;
text-shadow: none;
padding: 0 10px;
border-radius: 3px;
}
a:hover {
text-shadow: .05em .05em rgb(31, 31, 31), -.05em -.05em rgb(224, 224, 224);
background: linear-gradient(97deg, rgb(224, 224, 224), rgb(31, 31, 31),);
}
} }
.column { .column {
flex: 1 1 300px; flex: 1 1 300px;

11
_sass/poster.scss
View file

@ -9,15 +9,8 @@
div { div {
flex: 1 1 300px; flex: 1 1 300px;
} }
h1, h2, h3, h4 { a {
font-family: oldlondon, Helvetica, Arial, sans-serif; padding: 0;
text-transform: lowercase;
}
h2 {
font-size: 3em;
}
h3 {
font-size: 2.5em;
} }
} }