Updating the header design

This commit is contained in:
Tom Slominski
2015-03-04 19:39:54 +00:00
parent 511c0703a2
commit 727a8d4757
3 changed files with 30 additions and 16 deletions

View File

@@ -12,5 +12,6 @@
<p><?php yourls_e( 'Powered by <a href="http://yourls.org/">YOURLS</a>. Design by <a href="http://tomslominski.net/">Tom Slominski</a>. Also used: <a href="http://formalize.me/">Formalize</a> and <a href="http://qtip2.com/">qTip²</a>. Find this theme on <a href="https://github.com/tomslominski/infinity-squared">GitHub</a>.', 'isq_translation') ?></p> <p><?php yourls_e( 'Powered by <a href="http://yourls.org/">YOURLS</a>. Design by <a href="http://tomslominski.net/">Tom Slominski</a>. Also used: <a href="http://formalize.me/">Formalize</a> and <a href="http://qtip2.com/">qTip²</a>. Find this theme on <a href="https://github.com/tomslominski/infinity-squared">GitHub</a>.', 'isq_translation') ?></p>
</div> </div>
</div> </div>
</div>
</body> </body>
</html> </html>

View File

@@ -98,18 +98,22 @@ isq_load_textdomain();
<meta name="theme-color" content="#013f6d"> <meta name="theme-color" content="#013f6d">
</head> </head>
<body> <body>
<div class="wrapper">
<header class="site-header">
<h1><a href="<?php echo YOURLS_SITE; ?>"><?php echo ISQ::$general['name']; ?></a></h1>
<ul class="menu">
<?php
foreach( ISQ::$links as $menuItem ) {
echo '<li><a href="' . $menuItem['link'] . '">' . $menuItem['name'] . '</a></li>';
};
?>
</ul>
</header>
<div id="container"> <div id="container">
<header>
<h1><a href="<?php echo YOURLS_SITE; ?>"><?php echo ISQ::$general['name']; ?></a></h1>
<ul class="menu">
<?php
foreach( ISQ::$links as $menuItem ) {
echo '<li><a href="' . $menuItem['link'] . '">' . $menuItem['name'] . '</a></li>';
}
?>
</ul>
</header>
<div class="paragraph"> <div class="paragraph">

View File

@@ -4,11 +4,20 @@ https://github.com/tomslominski/infinity-squared
*/ */
/* Structure */ /* Structure */
html {
font-size: 62.5%;
box-sizing: border-box;
}
body { body {
background: #F1F1F1; background: #F1F1F1;
color: black; color: black;
font-family: 'Ubuntu', sans-serif, Helvetica, Arial; font-family: 'Ubuntu', sans-serif, Helvetica, Arial;
font-size: 62.5%; }
.wrapper {
width: 60%;
margin: 0 auto;
} }
#container { #container {
@@ -78,11 +87,11 @@ header {
} }
h1 { h1 {
background: url(img/noise.png) #013F6D; background-color: #013F6D;
width: 100%; width: 100%;
text-align: center; text-align: center;
color: white; color: white;
font-size: 7em; font-size: 7rem;
border-top: 4px #000 solid; border-top: 4px #000 solid;
margin: 0 auto; margin: 0 auto;
} }