Page MenuHomeDevCentral
Files F3766479

No OneTemporary
Actions

View Options

diff --git a/css/app.css b/css/app.css
index 91b2b5e..cb1250c 100644
--- a/css/app.css
+++ b/css/app.css
@@ -1,89 +1,130 @@
@charset "utf-8";
/* -------------------------------------------------------------
Navigate to Nasqueron
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Author: Dereckson
Tags: Foundation, black, cold, stars, aurora
Filename: app.css
Version: 1.0
Created: 2014-01-18
Licence: Creative Commons BY 3.0
------------------------------------------------------------- */
/* -------------------------------------------------------------
Table of contents
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
:: Main styles
:: Backgrounds
+ :: Homepage content
+
*/
/* -------------------------------------------------------------
Main styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
Background
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media screen and (max-width: 400px) {
body {
background-color: black;
background-image: url(/images/bg/DeepSpace-400.jpg), url(/images/bg/DeepSpace-400-low.jpg);
background-position: bottom left;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}
}
@media screen and (min-width: 401px) and (max-width: 720px) {
body {
background-color: black;
background-image: url(/images/bg/DeepSpace-720.jpg), url(/images/bg/DeepSpace-720-low.jpg);
background-position: bottom left;
background-attachment: fixed;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 721px) and (max-width: 1280px) {
body {
background-color: black;
background-image: url(/images/bg/DeepSpace-1280.jpg), url(/images/bg/DeepSpace-1280-low.jpg);
background-position: bottom left;
background-attachment: fixed;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 1281px) and (max-width: 1440px) {
body {
background-color: black;
background-image: url(/images/bg/DeepSpace-1440.jpg), url(/images/bg/DeepSpace-1440-low.jpg);
background-position: bottom left;
background-attachment: fixed;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
body {
background-color: black;
background-image: url(/images/bg/DeepSpace-1920.jpg), url(/images/bg/DeepSpace-1920-low.jpg);
background-position: bottom left;
background-attachment: fixed;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 1921px) {
body {
background-color: black;
background-image: url(/images/bg/DeepSpace-2880.jpg), url(/images/bg/DeepSpace-2880-low.jpg);
background-position: bottom left;
background-attachment: fixed;
background-repeat: no-repeat;
}
}
+
+/* -------------------------------------------------------------
+ Homepage content
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
+
+@media screen and (max-width: 834px) {
+ .homepanel {
+ display: none;
+ }
+}
+
+@media screen and (min-width: 835px) {
+ .homepanel {
+ background-color: rgba(255, 255, 255, 0.38);
+ color: white;
+ width: 746px;
+ position: fixed;
+ bottom: 88px;
+ left: 88px;
+ padding: 1em 1em;
+ }
+
+ .homepanel h1 {
+ font-size: 30pt;
+ color: white;
+ }
+
+ .homepanel h2 {
+ font-size: 20pt;
+ color: white;
+ }
+
+ .homepanel p {
+ font-family: "Open Sans", "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
+ font-size: 16pt;
+ font-weight: 300;
+ color: white;
+ }
+}
\ No newline at end of file
diff --git a/images/logo.png b/images/logo.png
new file mode 100644
index 0000000..35bea22
Binary files /dev/null and b/images/logo.png differ
diff --git a/index.html b/index.html
index 238d08e..d1b9575 100644
--- a/index.html
+++ b/index.html
@@ -1,13 +1,19 @@
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Nasqueron | Navigate to Nasqueron</title>
<link rel="stylesheet" href="/css/foundation.css" />
<link rel="stylesheet" href="/css/app.css" />
- <script src="js/modernizr.js"></script>
+ <script src="/js/modernizr.js"></script>
</head>
<body>
+ <div class="homepanel">
+ <img src="/images/logo.png" alt="Nasqueron" />
+ <h1>Somewhere hides Nasqueron.</h1>
+ <h2>This planet hosts the central hub of a budding community of creative people, writers, developers and thinkers.</h2>
+ <p>Soon, we’ll navigate in this starfield to find this planet.</p>
+ </div>
</body>
</html>

File Metadata

Mime Type
text/x-diff
Expires
Sun, Nov 24, 18:25 (2 h, 16 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2258654
Default Alt Text
(4 KB)

Event Timeline

Nasqueron DevCentral · If it had been much bigger the moon would have had a core of ice. · Powered by Phabricator