add minimal design and header image

Pathoschild · Oct 14, 2016 · 18a455a · 18a455a
1 parent e3c6907
commit 18a455a
Show file tree

Hide file tree

Showing 6 changed files with 39 additions and 8 deletions.
diff --git a/CREDIT b/CREDIT
@@ -0,0 +1 @@
+Some sprites in the logo header authored by Crucifigo: http://community.playstarbound.com/threads/new-joja-abominations-set-crucifigos-livestock-semi-realistic-animal-replacers.109480/
diff --git a/_config.yml b/_config.yml
@@ -1,5 +1,6 @@
 title: Can I Mod
 url: "http://canimod.com"
+repo_url: "https://github.com/canimod/canimod.github.io"
 baseurl: ""
 
 markdown: kramdown

diff --git a/_layouts/default.html b/_layouts/default.html
@@ -6,12 +6,10 @@
     <link rel="stylesheet" type="text/css" href="/css/main.css" />
 </head>
 <body>
-    <!-- GitHub ribbon -->
-    <a href="https://github.com/canimod/canimod.github.io"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"></a>
-
-    <!-- navigation -->
-    <div class="navbar">
-        <a id="author-name" href="{{ site.url }}{{ site.baseurl }}">{{ site.title }}</a>
+    <!-- header -->
+    <div class="header">
+	<a href="{{ site.repo_url }}"><img class="repolink" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"></a>
+        <a href="{{ site.url }}{{ site.baseurl }}"><img class="logo" src="/images/logo.png" alt="{{ site.title }}" /></a>
         <ul>
             {% for x in site.data.nav %}
                 <li class="alignable pull-right nav-list"><a href="{{ x.link }}">{{ x.name }}</a>

diff --git a/assets/logo.pdn b/assets/logo.pdn
diff --git a/css/main.css b/css/main.css
@@ -1,3 +1,34 @@
-.content {
-	width: 45em;
+body {
+	background: #f3eeeb;
+}
+
+.header, .content {
+	max-width:90em;
+	margin: 2em;
+	padding: 1em;
+	padding-right: 0;
+	background: #FFF;
+	border-radius: 10px;
+}
+
+.header {
+	position: relative;
+}
+
+.header img.logo {
+	display: inline-block;
+	max-width: 50%;
+	padding-right: 1em;
+	border: 0;
+}
+
+.header img.repolink {
+	position: absolute;
+	top: 0;
+	right: 0;
+	border: 0;
+}
+
+.header ul {
+	display: inline-block;
 }
diff --git a/images/logo.png b/images/logo.png