hq/sakrecoer-mother-web
hq/sakrecoer-mother-web
4
0
Fork 0
Code Issues Pull requests Packages Projects Releases 1 Wiki Activity

layouting

Browse source
This commit is contained in:
Set Sakrecoer 2019-07-10 02:16:43 +02:00
parent d2beca0c43
commit f41d81eec0
8 changed files with 38 additions and 54 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
_layouts/default.html
View file

@ -17,6 +17,5 @@ body{
</head>
<body>
{{ content }}
{% include navmenu.html %}
</body>
</html>

8
_layouts/music.html
View file

@ -1,6 +1,7 @@
---
layout: default
---
{% include navmenu.html %}
<div id="player">
<div id="info">
<div id="controls">
@ -33,7 +34,7 @@ layout: default
<div id="timer">
{{ page.content }}
<img src="{{ site.audio_url }}{{ page.image }}" style="width:100%;" />
</div>
<!-- stylemachine by Sakrecoer -snipthis if ya feel it - its the pary that runs the player ;) -->
@ -78,10 +79,5 @@ layout: default
<style type="text/css">
body {
background-image:url('{{ site.audio_url }}{{ page.image }}') ;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
background-color: #0ff;
}
</style>

1
_layouts/post.html
View file

@ -1,6 +1,7 @@
---
layout: default
---
{% include navmenu.html %}
<div id="blogcontent">
<h1>{{ page.title }}</h1>
{{ content }}

31
_sass/main.scss
View file

@ -4,10 +4,11 @@ html {
}
body{
background: linear-gradient(230deg, rgba(218, 159, 142, 0.9), rgba(236, 0, 228, 0.9), rgba(0, 212, 236, 0.9), rgba(0, 236, 173, 0.9), rgba(110, 0, 236, 0.9));
background-size: 1000% 1000%;
-webkit-animation: AnimationName 30s ease infinite;
-moz-animation: AnimationName 30s ease infinite;
animation: AnimationName 30s ease infinite;
background-position: center;
background-repeat: repeat;
-webkit-animation: AnimationName 60s ease infinite;
-moz-animation: AnimationName 60s ease infinite;
animation: AnimationName 60s ease infinite;
@-webkit-keyframes AnimationName {
0%{background-position:0% 91%}
@ -37,10 +38,30 @@ a {
position: relative;
height: 100vh;
width: 100%;
background: linear-gradient(230deg, rgba(218, 159, 142, 0.9), rgba(236, 0, 228, 0.9), rgba(0, 212, 236, 0.9), rgba(0, 236, 173, 0.9), rgba(110, 0, 236, 0.9));
background-size: 1000% 1000%;
-webkit-animation: AnimationName 30s ease infinite;
-moz-animation: AnimationName 30s ease infinite;
animation: AnimationName 30s ease infinite;
@-webkit-keyframes AnimationName {
0%{background-position:0% 91%}
50%{background-position:100% 10%}
100%{background-position:0% 91%}
}
@-moz-keyframes AnimationName {
0%{background-position:0% 91%}
50%{background-position:100% 10%}
100%{background-position:0% 91%}
}
@keyframes AnimationName {
0%{background-position:0% 91%}
50%{background-position:100% 10%}
100%{background-position:0% 91%}
}
div {
background: rgba(252, 252, 252, 0.541);
background-image: url('/assets/img/texture.png');
padding: 10px;
border-radius: 3px;
flex: 1 1 300px;

BIN
assets/img/texture.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 324 KiB

5
assets/js/jquery-1.11.1.min.js vendored
View file

File diff suppressed because one or more lines are too long

33
index.html
View file

@ -5,6 +5,7 @@ image:
video_path:
layout: default
---
<div class="musiflex">
<div id="hero">
<div class="editable">
@ -14,41 +15,9 @@ layout: default
<b>Music.</b><br /><br />I push sounds, images, thoughts and passion for <b>cool robots like you.</b><br /><br />I
am funky and I deliver because<br /><b>I was born tomorrow.</b></p>
</div>
<div class="editable">
<h1>Greetings Robot!</h1>
<p><b>Sakrecoer Uncorporated</b> Stands for independent fun-loving Activism, Art<br />&amp;
<b>Music.</b><br /><br />I push sounds, images, thoughts and passion for <b>cool robots like you.</b><br /><br />I
am funky and I deliver because<br /><b>I was born tomorrow.</b></p>
</div>
<div class="editable">
<h1>Greetings Robot!</h1>
<p><b>Sakrecoer Uncorporated</b> Stands for independent fun-loving Activism, Art<br />&amp;
<b>Music.</b><br /><br />I push sounds, images, thoughts and passion for <b>cool robots like you.</b><br /><br />I
am funky and I deliver because<br /><b>I was born tomorrow.</b></p>
</div>
<div class="editable">
<h1>Greetings Robot!</h1>
<p><b>Sakrecoer Uncorporated</b> Stands for independent fun-loving Activism, Art<br />&amp;
<b>Music.</b><br /><br />I push sounds, images, thoughts and passion for <b>cool robots like you.</b><br /><br />I
am funky and I deliver because<br /><b>I was born tomorrow.</b></p>
</div>
<div class="editable">
<h1>Greetings Robot!</h1>
<p><b>Sakrecoer Uncorporated</b> Stands for independent fun-loving Activism, Art<br />&amp;
<b>Music.</b><br /><br />I push sounds, images, thoughts and passion for <b>cool robots like you.</b><br /><br />I
am funky and I deliver because<br /><b>I was born tomorrow.</b></p>
</div>
<div class="editable">
<h1>Greetings Robot!</h1>
<p><b>Sakrecoer Uncorporated</b> Stands for independent fun-loving Activism, Art<br />&amp;
<b>Music.</b><br /><br />I push sounds, images, thoughts and passion for <b>cool robots like you.</b><br /><br />I
am funky and I deliver because<br /><b>I was born tomorrow.</b></p>
</div>
</div>

5
music.html
View file

@ -3,8 +3,11 @@ title: Track Index
description:
layout: default
---
{% include navmenu.html %}
<div class="musiflex">
<div class="trackcontainer">
<h1>Music</h1>
</div>
{% for track in site.tracks reversed %}
<div class="trackcontainer">
<a href="{{ track.url }}">