Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

one page, more style

  • Loading branch information...
commit 65570aaf40d8d1d9d91efcaa7a595749927bbbd6 1 parent a675043
@qubodup authored
Showing with 19 additions and 72 deletions.
  1. +0 −56 about.html
  2. +12 −11 css/style.css
  3. +7 −5 index.html
View
56 about.html
@@ -1,56 +0,0 @@
-<!doctype html>
-<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
-<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
-<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
-<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
-<head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <title>About Open Source Textures</title>
- <meta name="description" content="">
-
- <meta name="viewport" content="width=device-width">
- <link rel="shortcut icon" href="favicon.ico" />
- <link rel="apple-touch-icon" href="apple-touch-icon.png">
- <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
- <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-57x57-precomposed.png">
- <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-72x72-precomposed.png">
- <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-114x114-precomposed.png">
- <link rel="stylesheet" href="css/style.css">
-
- <script src="js/libs/modernizr-2.5.3.min.js"></script>
-</head>
-<body>
- <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
- <header>
-<h1>About Open Source Textures</h1>
- </header>
- <nav>
- <a href="index.html">Textures</a> -
- <a href="http://freegamedev.net/wiki/Free_resources">Links⇗</a>
- </nav>
- <div id="content" role="main">
- <div class="symbol"><img src="img/sign.png" alt="Signpost by Mumu" /></div>
- <p>This simple website serves as a waypost leading to freely licensed, legal textures for 3D modelling and graphical design needs.</p>
- <p>If you would like to get involved with the community or share your art, I recommend <a href="http://opengameart.org/">OpenGameArt</a>, their forum and IRC as a first stop.</p>
- </div>
- <footer>
-<p>Signpost <a href="http://opengameart.org/content/sign-pack-remix">image</a> used by <a href="http://opengameart.org/users/mumu">Mumu</a>.</p>
-<p>Image used in banner and favicons is an inverted version of <a href="http://opengameart.org/content/turquoise-warning-stripes">Warning Stripes</a> by <a href="http://trak.mercenariesguild.net/">TRaK</a>.</p>
- </footer>
-
-
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script>
-
- <script src="js/plugins.js"></script>
- <script src="js/script.js"></script>
-
- <script>
- var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
- (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
- g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
- s.parentNode.insertBefore(g,s)}(document,'script'));
- </script>
-</body>
-</html>
View
23 css/style.css
@@ -7,7 +7,7 @@ audio:not([controls]) { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
-body { margin: 0; font-size: 1em; line-height: 1.4; background-color: #333; color: #bbb; }
+body { text-align: center; margin: 0; font-size: 1em; line-height: 1.4; background-color: #333; color: #bbb; }
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
@@ -105,15 +105,9 @@ header {
background-image: url('../img/stripes.png');
color: #000;
font-weight: bold;
- text-align: center;
-}
-nav {
- font-weight: bold;
- text-align: center;
}
footer {
font-size: x-small;
- text-align: center;
}
#content {
margin: 8px;
@@ -121,7 +115,17 @@ footer {
#content div.item {
display: inline-block;
padding: 2px;
- width: 128px;
+ width: 136px;
+}
+#content div.item a {
+ padding: 4px;
+ background-color: #222;
+ display: block;
+}
+#content div.item a:hover {
+ background-color: #000;
+ color: #fe57a1;
+ display: block;
}
.item span {
font-weight: bold;
@@ -130,6 +134,3 @@ footer {
display: block;
font-size: xx-small;
}
-.symbol {
- text-align: center;
-}
View
12 index.html
@@ -25,10 +25,6 @@
<header>
<h1>Open Source Textures</h1>
</header>
- <nav>
- <a href="about.html">About</a> -
- <a href="http://freegamedev.net/wiki/Free_resources">Links⇗</a>
- </nav>
<div id="content" role="main">
<p>The following is a list of open source art pieces hosted at external locations:</p>
<div class="item">
@@ -181,9 +177,15 @@
<span>X-Ray Images</span></a>
<a class="source" href="http://commons.wikimedia.org/wiki/File:Medical_X-Ray_imaging_MQA06_nevit.jpg">image source</a>
</div>
+
+<h2><img src="img/sign.png" alt="Signpost by Mumu" /> About</h2>
+ <p>This simple website serves as a waypost leading to freely licensed, legal textures for 3D modelling and graphical design needs.</p>
+ <p>More websites holding such art of various kinds can be found in a <a href="http://freegamedev.net/wiki/Free_resources">list</a> on FreeGameDevWiki.</p>
+ <p>If you would like to get involved with the community or share your art, try <a href="http://opengameart.org/">OpenGameArt</a>, their forum and IRC as a first stop.</p>
</div>
<footer>
-<p>Image used in banner and favicons is an inverted version of <a href="http://opengameart.org/content/turquoise-warning-stripes">Warning Stripes</a> by <a href="http://trak.mercenariesguild.net/">TRaK</a>.</p>
+<p>Signpost <a href="http://opengameart.org/content/sign-pack-remix">image</a> by <a href="http://opengameart.org/users/mumu">Mumu</a>.</p>
+<p>Banner and favicons based on an inverted version of <a href="http://opengameart.org/content/turquoise-warning-stripes">warning stripes</a> by <a href="http://trak.mercenariesguild.net/">TRaK</a>.</p>
</footer>
Please sign in to comment.
Something went wrong with that request. Please try again.