removing old shit
This commit is contained in:
Set Sakrecoer
parent
2b5bd4fa0e
commit
dcb26f14ce
13 changed files with 48 additions and 2141 deletions
|
|
@ -1,23 +0,0 @@
|
|||
html{
|
||||
height: 100%;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.curtains{
|
||||
width: 100%;
|
||||
z-index:1;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.curtains>li{
|
||||
background: white;
|
||||
display:block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
overflow: hidden;
|
||||
z-index:1;
|
||||
}
|
||||
.curtains>li.hidden{display:none;}
|
||||
.curtains>li:first-child{z-index:2;}
|
||||
|
|
@ -1,144 +0,0 @@
|
|||
|
||||
#nav {
|
||||
position: fixed;
|
||||
bottom: -10px; left: 7px;
|
||||
font-size: 12px;
|
||||
font-family: futura;
|
||||
padding: 0 0 0 0;
|
||||
z-index: 10000;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
}
|
||||
#nav li {
|
||||
float: left;
|
||||
position: relative;
|
||||
list-style: none;
|
||||
z-index: 10000;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* main level link */
|
||||
#nav a {
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
width:250px;
|
||||
text-shadow: none;
|
||||
}
|
||||
#nav a:hover {
|
||||
color: #0ff;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
/* main level link hover */
|
||||
#nav .current a, #nav li:hover > a {
|
||||
color: #fff;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
/* sub levels link hover */
|
||||
#nav ul li:hover a, #nav li:hover li a {
|
||||
background: rgba(255,0,0,1);
|
||||
border: none;
|
||||
color: #fff;
|
||||
margin: 0;
|
||||
padding: 0px 0px;
|
||||
border-radius: 0px;
|
||||
text-shadow: none;
|
||||
|
||||
}
|
||||
#nav ul a:hover {
|
||||
color: #0ff !important;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
/* dropdown */
|
||||
#nav li:hover > ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* level 2 list */
|
||||
#nav ul {
|
||||
display: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
bottom: 25px;
|
||||
left: 0;
|
||||
border: none;
|
||||
|
||||
}
|
||||
#nav ul li {
|
||||
float: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#nav ul a {
|
||||
font-weight: normal;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
/* level 3+ list */
|
||||
#nav ul ul {
|
||||
left: 250px;
|
||||
bottom: 0;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* clearfix */
|
||||
#nav:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0;
|
||||
}
|
||||
#nav {
|
||||
display: inline-block;
|
||||
|
||||
}
|
||||
html[xmlns] #nav {
|
||||
display: block;
|
||||
}
|
||||
|
||||
* html #nav {
|
||||
height: 18px;
|
||||
}
|
||||
#music_nav:hover{
|
||||
background-color: rgba(255, 0, 24, 0.3);
|
||||
|
||||
}
|
||||
#music_nav_sub:hover{
|
||||
background-color: rgba(255, 0, 24, 0.3);
|
||||
|
||||
}
|
||||
#about_nav:hover{
|
||||
|
||||
background-color: rgba(153, 255, 0, 0.3);
|
||||
|
||||
}
|
||||
|
||||
#log_nav:hover{
|
||||
background-color: rgba(0, 255, 229, 0.3);
|
||||
|
||||
}
|
||||
#log_nav_sub:hover{
|
||||
background-color: rgba(0, 255, 229, 0.3);
|
||||
|
||||
}
|
||||
#discog_nav:hover{
|
||||
background-color: rgba(102, 0, 255, 0.3);
|
||||
|
||||
}
|
||||
|
||||
#links_nav:hover{
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
<ul id="nav">
|
||||
<li><a href="/"><img src="/assets/img/sakrecoerLOGO.png" width="125px" height="125px" title="SAKRECOER" /></a>
|
||||
<ul>
|
||||
|
||||
<li><a href="/sakrecoer-discography/">Discog</a></li>
|
||||
<li><a href="/about/">About</a></li>
|
||||
<li><a href="/links/">Links</a></li>
|
||||
<li><a href="/blog/">Log</a>
|
||||
<ul>
|
||||
{% for post in site.categories.blog limit: 17 %}
|
||||
|
||||
<li><a href="{{ post.url }}">{{ post.title }}</a></li>
|
||||
{% endfor %}
|
||||
<li><a href="/blog/">...Read Moar Articles</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/music/">Music Index</a>
|
||||
<ul>
|
||||
{% for post in site.categories.music %}
|
||||
<li><a href="{{ post.url }}">{{ post.title }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
{% for post in site.categories.music %}
|
||||
{% if post.url == page.url %}
|
||||
{% assign post_index0 = forloop.index0 %}
|
||||
{% assign post_index1 = forloop.index %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% for post in site.categories.music %}
|
||||
{% if post_index0 == forloop.index %}
|
||||
{% assign next_post = post.url %}
|
||||
{% endif %}
|
||||
{% if post_index1 == forloop.index0 %}
|
||||
{% assign prev_post = post.url %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
|
@ -1,133 +0,0 @@
|
|||
/*! sakrecoer sheet */
|
||||
@font-face {
|
||||
font-family: futura;
|
||||
src: url('{{ site.baseurl }}/assets/fonts/free_avantgarde.woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: futurabold;
|
||||
src: url('{{ site.baseurl }}/assets/fonts/free_avantgardeBOLD.woff');
|
||||
}
|
||||
|
||||
html{
|
||||
-webkit-transition:.5s background;
|
||||
transition:.5s background;
|
||||
font-family: futura,sans-serif;
|
||||
}
|
||||
body{
|
||||
background:url({{ site.baseurl }}/assets/img/bg/frontpage.jpg) #fff no-repeat; background-size:cover; background-attachment: fixed;
|
||||
margin:0;
|
||||
font-family: futura,sans-serif;
|
||||
color: #000;
|
||||
}
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
font-family: futurabold; text-transform: uppercase;
|
||||
}
|
||||
p {
|
||||
font-family: futura;
|
||||
}
|
||||
b,
|
||||
strong {
|
||||
font-family: futurabold;
|
||||
}
|
||||
a:link,
|
||||
a:visited,
|
||||
a:hover,
|
||||
a:active,
|
||||
a:focus {
|
||||
text-decoration: none;
|
||||
-webkit-transition:.6s background;
|
||||
transition:.6s background
|
||||
}
|
||||
a,
|
||||
a:link,
|
||||
a:visited {
|
||||
color: #fff;
|
||||
-webkit-transition-property: hover;
|
||||
-webkit-transition: color 0.15s ease-in-out;
|
||||
-moz-transition: color 0.15s linear 0s; /* firefox 4 */
|
||||
-o-transition-property: color; /* opera 10.5 */
|
||||
-o-transition-duration: 0.15s;
|
||||
}
|
||||
a:hover {
|
||||
color: #0ff;
|
||||
}
|
||||
a:active {
|
||||
color: #f00;
|
||||
}
|
||||
#navigation {
|
||||
position: fixed; bottom: 0; left: 0; z-index: 1000;
|
||||
width: 250px; height: 85%; padding: 10px;
|
||||
background-color: rgba(0,0,0,.4);
|
||||
text-align: center;
|
||||
border-radius: 0 100% 0 0;
|
||||
opacity: .33;
|
||||
-webkit-transition-property: hover;
|
||||
-webkit-transition: opacity 0.7s ease-in-out;
|
||||
-moz-transition: opacity 0.7s linear 0s; /* firefox 4 */
|
||||
-o-transition-property: opacity; /* opera 10.5 */
|
||||
-o-transition-duration: 0.7s;
|
||||
}
|
||||
#navigation:hover {
|
||||
opacity: 1;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
/* content */
|
||||
#content{
|
||||
position: absolute; top: 140px; left: 20px;
|
||||
width: 66%; margin: 0 0 0 300px; padding: 10px;
|
||||
box-shadow:2px 2px 10px #000;
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
border-radius: 4px;
|
||||
}
|
||||
/* blog */
|
||||
#blogcontent{
|
||||
position: absolute; top: 25px;
|
||||
left: 20px; width: 66%; margin: 400px 0 0 300px; padding: 15px;
|
||||
box-shadow:2px 2px 10px #000;
|
||||
background: url({{ site.baseurl }}/assets/img/bg/paper_background_lined.jpg) rgba(255, 255, 255, 0.25);
|
||||
border-radius: 4px;
|
||||
line-height: 32px;
|
||||
}
|
||||
#blogcontent h1,
|
||||
#blogcontent p{
|
||||
color:#000;
|
||||
}
|
||||
#blogcontent h1{
|
||||
position: relative;
|
||||
margin: 8px 10px 0 0;
|
||||
}
|
||||
#blogcontent a {
|
||||
color: #000;
|
||||
}
|
||||
#blogcontent a:hover {
|
||||
color: #0ff;
|
||||
}
|
||||
.date {
|
||||
font-size: 18px;
|
||||
height: 5px; padding: 0; margin: 0;
|
||||
}
|
||||
td {
|
||||
vertical-align: top;
|
||||
}
|
||||
hr {
|
||||
border: 1px solid #000;
|
||||
height: 1px;
|
||||
}
|
||||
|
||||
/* Fullscreen Background image */
|
||||
.image-fullscreen,
|
||||
.image-fullscreen .mask {
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
position:fixed;
|
||||
left:0px;
|
||||
top:0px;
|
||||
right:0px;
|
||||
bottom:0px;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
|
|
@ -1,267 +0,0 @@
|
|||
/*! sakrecoer sheet */
|
||||
@font-face {
|
||||
font-family: futura;
|
||||
src: url('free_avantgarde.woff');
|
||||
}
|
||||
body {
|
||||
background: #fff url(/assets/img/bg/micro_logo.png);
|
||||
font-size: 1em;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
padding: 40px 20px 40px 20px;
|
||||
|
||||
}
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
font-family: futura;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
a:link,
|
||||
a:visited,
|
||||
a:hover,
|
||||
a:active,
|
||||
a:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
a,
|
||||
a:link,
|
||||
a:visited {
|
||||
color: #fff;
|
||||
-webkit-transition-property: hover;
|
||||
-webkit-transition: color 0.15s ease-in-out;
|
||||
-moz-transition: color 0.15s linear 0s; /* firefox 4 */
|
||||
-o-transition-property: color; /* opera 10.5 */
|
||||
-o-transition-duration: 0.15s;
|
||||
text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5),
|
||||
-1px 0px 4px rgba(255, 0, 0, 0.5),
|
||||
0px -1px 4px rgba(255, 0, 0, 0.5),
|
||||
0px 1px 4px rgba(255, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #f00;
|
||||
text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5),
|
||||
-1px 0px 4px rgba(255, 0, 0, 0.5),
|
||||
0px -1px 4px rgba(255, 0, 0, 0.5),
|
||||
0px 1px 4px rgba(255, 0, 0, 0.5);
|
||||
}
|
||||
a:active {
|
||||
color: #000;
|
||||
}
|
||||
#header {
|
||||
text-align: left;
|
||||
position: fixed;
|
||||
top:20px;
|
||||
left: 20px;
|
||||
line-height: 24px;
|
||||
z-index: 1000;
|
||||
text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5),
|
||||
-1px 0px 4px rgba(255, 0, 0, 0.5),
|
||||
0px -1px 4px rgba(255, 0, 0, 0.5),
|
||||
0px 1px 4px rgba(255, 0, 0, 0.5);
|
||||
}
|
||||
#miniheader {
|
||||
position: fixed;
|
||||
top:20px;
|
||||
left: 20px;
|
||||
line-height: 24px;
|
||||
z-index: 999999;
|
||||
text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5),
|
||||
-1px 0px 4px rgba(255, 0, 0, 0.5),
|
||||
0px -1px 4px rgba(255, 0, 0, 0.5),
|
||||
0px 1px 4px rgba(255, 0, 0, 0.5);
|
||||
text-align: left;
|
||||
}
|
||||
.tagline {
|
||||
text-align: left;
|
||||
margin-left: 5px;
|
||||
margin-top: -5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.minitagline {
|
||||
text-align: left;
|
||||
margin-left: 5px;
|
||||
margin-top: -5px;
|
||||
font-size: 9px;
|
||||
}
|
||||
#main-menu-links {
|
||||
font-family: BAnkrutt;
|
||||
font-size: 48px;
|
||||
margin-left: 5px;
|
||||
line-height: 36px
|
||||
}
|
||||
|
||||
#main-menu-links a {
|
||||
color: #fff;
|
||||
float: left; /* LTR */
|
||||
text-decoration: none;
|
||||
}
|
||||
#main-menu-links a:hover,
|
||||
#main-menu-links a:focus {
|
||||
color: #f00;
|
||||
}
|
||||
#main-menu-links a:active {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#minimain-menu-links {
|
||||
font-family: BAnkrutt;
|
||||
font-size: 24px;
|
||||
margin-left: 5px;
|
||||
line-height: 24px
|
||||
}
|
||||
|
||||
#minimain-menu-links a {
|
||||
color: #fff;
|
||||
float: left; /* LTR */
|
||||
text-decoration: none;
|
||||
}
|
||||
#minimain-menu-links a:hover,
|
||||
#minimain-menu-links a:focus {
|
||||
color: #f00;
|
||||
}
|
||||
#minimain-menu-links a:active {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#content{
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
left: 20px;
|
||||
width: 66%;
|
||||
margin: 0 0 0 300px;
|
||||
padding: 10px;
|
||||
box-shadow:2px 2px 10px #000;
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
border-radius: 4px;
|
||||
}
|
||||
#blogcontent{
|
||||
line-height: 32px;
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
left: 20px;
|
||||
width: 66%;
|
||||
margin: 400px 0 0 300px;
|
||||
padding: 17px;
|
||||
box-shadow:2px 2px 10px #000;
|
||||
background: url(/assets/img/bg/paper_background_lined.jpg) rgba(255, 255, 255, 0.25);
|
||||
border-radius: 4px;
|
||||
}
|
||||
#blogcontent h1{
|
||||
margin: 46px 10px 0 0;
|
||||
}
|
||||
#About .about,
|
||||
#Blog .blog,
|
||||
#Discography .discog,
|
||||
#Music .music,
|
||||
#Video .video,
|
||||
#Links .links,
|
||||
#Pictures .pictures {
|
||||
color: #f00;
|
||||
text-shadow: 1px 0px 4px rgba(255, 255, 255, 0.25),
|
||||
-1px 0px 4px rgba(255, 255, 255, 0.25),
|
||||
0px -1px 4px rgba(255, 255, 255, 0.25),
|
||||
0px 1px 4px rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
.date {
|
||||
font-size: 12px;
|
||||
}
|
||||
#footer {
|
||||
position: fixed;
|
||||
bottom:20px;
|
||||
right: 25px;
|
||||
font-size: 12px;
|
||||
text-align: right;
|
||||
z-index: 1000;
|
||||
text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5),
|
||||
-1px 0px 4px rgba(255, 0, 0, 0.5),
|
||||
0px -1px 4px rgba(255, 0, 0, 0.5),
|
||||
0px 1px 4px rgba(255, 0, 0, 0.5);
|
||||
}
|
||||
/* Fullscreen Background image */
|
||||
.image-fullscreen,
|
||||
.image-fullscreen .mask {
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
position:fixed;
|
||||
left:0px;
|
||||
top:0px;
|
||||
right:0px;
|
||||
bottom:0px;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
td {
|
||||
vertical-align: top;
|
||||
}
|
||||
#musictable{
|
||||
width: 100%;
|
||||
}
|
||||
.playercell {
|
||||
padding-top: 15px;
|
||||
width: 420px;
|
||||
}
|
||||
.lyricell {
|
||||
width: 550px;
|
||||
}
|
||||
img.floatleft {
|
||||
float: left;
|
||||
margin: 8px;
|
||||
}
|
||||
/* Gallery */
|
||||
|
||||
.gallerytitle {
|
||||
font-size: 4em;
|
||||
opacity: 0;
|
||||
}
|
||||
h1.gallerytitle:hover {
|
||||
font-size: 4em;
|
||||
opacity: 0.75;
|
||||
color: #0ff;
|
||||
}
|
||||
.gindex-title {
|
||||
font-size:2em;
|
||||
color:#fff;
|
||||
opacity:0.75;
|
||||
text-shadow:0 0 10px #007572;
|
||||
background:rgba(255, 0, 0, 0.5);
|
||||
padding:5px;
|
||||
height: 75px;
|
||||
opacity: 1;
|
||||
}
|
||||
.gindex-img {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.gindex-img:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
#Pictures {
|
||||
background: #000;
|
||||
}
|
||||
/* Jukebox Pager */
|
||||
#jukepager{
|
||||
background: url(/assets/img/bg/micro_logo.png);
|
||||
}
|
||||
#jukepager div{
|
||||
text-align: center;
|
||||
padding: 300px;
|
||||
}
|
||||
#jukepager h1 {
|
||||
font-size: 3em;
|
||||
}
|
||||
#headline h1 {
|
||||
font-size: 8em;
|
||||
margin: 0;
|
||||
padding: 0 0 0 300px;
|
||||
font-weight: bold;
|
||||
line-height: 0.7em;
|
||||
letter-spacing: -0.1em;
|
||||
}
|
||||
#headline p {
|
||||
font-size: 2em;
|
||||
padding: 0 5px 0 300px;
|
||||
font-weight: bold;
|
||||
line-height: 0.8em;
|
||||
letter-spacing: -0.05em;
|
||||
}
|
||||
|
|
@ -1,59 +0,0 @@
|
|||
|
||||
<button id="video_pause">Pause<br />Video</button>
|
||||
|
||||
|
||||
<video autoplay loop poster="{{ site.baseurl }}/assets/img/bg/frontpage.jpg" id="bgvid">
|
||||
<source src="{{ site.baseurl }}/assets/vi/0001-0076.webm" type="video/webm">
|
||||
<source src="{{ site.baseurl }}/assets/vi/0001-0076.mp4" type="video/mp4">
|
||||
</video>
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
|
||||
var vid = document.getElementsByTagName("video")[0];vid.playbackRate = 0.1;
|
||||
|
||||
var pauseButton = document.getElementById("video_pause");
|
||||
|
||||
function vidFade() {
|
||||
|
||||
vid.classList.add("stopfade");
|
||||
|
||||
}
|
||||
|
||||
vid.addEventListener('ended', function() {
|
||||
|
||||
// only functional if "loop" is removed
|
||||
|
||||
vid.pause();
|
||||
|
||||
// to capture IE10
|
||||
|
||||
vidFade();
|
||||
|
||||
});
|
||||
|
||||
pauseButton.addEventListener("click", function() {
|
||||
|
||||
vid.classList.toggle("stopfade");
|
||||
|
||||
if (vid.paused) {
|
||||
|
||||
vid.play();
|
||||
|
||||
pauseButton.innerHTML = "Pause Video";
|
||||
|
||||
} else {
|
||||
|
||||
vid.pause();
|
||||
|
||||
pauseButton.innerHTML = "Resume Video";
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue