meliurwen.dev
/
meliurwen.github.io
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Polished code in splashcreen fixing some render issues.

Browse Source
master
meliurwen 7 years ago
parent 6fad3504dd
commit b0ae511132
2 changed files with 28 additions and 18 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 30
      css/theme.css
  2. 12
      index.html

30
css/theme.css
Unescape View File

@ -40,15 +40,8 @@ body {
} }
article {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
h1 { h1 {
margin:0px;
letter-spacing: 3px; letter-spacing: 3px;
color: #fff; color: #fff;
font-family: 'Brotherhood-Script', 'Jenna Sue', 'Latin Modern Mono'; font-family: 'Brotherhood-Script', 'Jenna Sue', 'Latin Modern Mono';
@ -56,7 +49,8 @@ h1 {
font-size: 150px; font-size: 150px;
} }
h1 span { #subtitle {
color: #fff;
font-family: 'Wishing-Well', 'Daniel', 'Purisa'; font-family: 'Wishing-Well', 'Daniel', 'Purisa';
letter-spacing: 0; letter-spacing: 0;
font-weight: 300; font-weight: 300;
@ -64,17 +58,29 @@ h1 span {
line-height: 24px; line-height: 24px;
} }
h1 span a { #subtitle a {
color: #fff; color: #fff;
} }
#arrowDown { article {
position:absolute; position:absolute;
top: 15%; height:100vh;
width:100%; width:100%;
}
#titleContainer {
margin-left: auto;
margin-right: auto;
text-align: center; text-align: center;
} }
#gotoBox-1 {
width: 70px;
height: 70px;
border: 0px;
}
#tape { #tape {
font-family: 'Purisa', 'Latin Modern Mono', 'Arial'; font-family: 'Purisa', 'Latin Modern Mono', 'Arial';
font-size: 11px; font-size: 11px;

12
index.html
Unescape View File

@ -29,10 +29,14 @@
<body> <body>
<div id="box-2" style="postion: absolute; z-index: 10; opacity: 1"> <div id="box-2" style="postion: absolute; z-index: 10; opacity: 1">
<!-- Content --> <!-- Content -->
<article> <article class="tab-center">
<div id="arrowDown"> <div id="titleContainer">
<h1>Meliurwen N.<br /> <span id="subtitle">Available on <a href="https://github.com/meliurwen" target="_blank">Github</a>, coding for fun and uni projects.</span></h1> <h1>Meliurwen N.</h1>
<img src="img/arrow_down.png" width="70" height="70" border="0" onclick="fade(10);"/></div> <span id="subtitle">Available on <a href="https://github.com/meliurwen" target="_blank">Github</a>, coding for fun and uni projects.</span>
<br>
<br>
<br>
<img id="gotoBox-1"src="img/arrow_down.png" onclick="fade(10);"/></div>
</article> </article>
<!-- Video is muted & autoplays --> <!-- Video is muted & autoplays -->

Write Preview
Loading…
Cancel
Save