From 640321b44dec8f53cd94e41e39caebc6230e04e0 Mon Sep 17 00:00:00 2001 From: Julian Kern Date: Tue, 24 Jan 2017 00:32:33 +0100 Subject: [PATCH 1/3] stylish start page --- index.html | 2 +- index.js | 10 +++++++++- styles.css | 23 +++++++++++++++++++++++ 3 files changed, 33 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 76f9c05..ca90180 100644 --- a/index.html +++ b/index.html @@ -1,9 +1,9 @@ +
- diff --git a/index.js b/index.js index 06a1110..2b6ed34 100644 --- a/index.js +++ b/index.js @@ -1,4 +1,12 @@ import "./styles.css"; import $ from "jquery"; -$(document.body).append("

Hello World!

"); +let stealLogo = $('').attr('id', 'logo') + .attr('src', '//stealjs.com/img/steal-landing-page-logo.jpg'); + +let stealDesc = $('

').addClass('quote') + .text('Futuristic JavaScript dependency loader and builder'); + +$('.container').append(stealLogo) + .append(stealDesc) + .wrapInner('

'); diff --git a/styles.css b/styles.css index eb6d901..6fa522d 100644 --- a/styles.css +++ b/styles.css @@ -1,3 +1,26 @@ html { font-family: sans-serif; + height: 100%; +} +body { + margin: 0; + padding: 0; + width: 100%; + height: 100%; + display: table; + font-weight: 100; +} +.container { + text-align: center; + display: table-cell; + vertical-align: middle; +} +.content { + text-align: center; + display: inline-block; +} +.quote { + font-size: 24px; + margin: 0; + color: #7F8386; } From 3fd83a43a09e8c402553f0446f7b1be8c4d0b231 Mon Sep 17 00:00:00 2001 From: Julian Date: Tue, 31 Jan 2017 23:59:01 +0100 Subject: [PATCH 2/3] update --- index.html | 5 +++-- index.js | 14 ++++++-------- package.json | 6 ++++-- styles.css | 1 - 4 files changed, 13 insertions(+), 13 deletions(-) diff --git a/index.html b/index.html index ca90180..247399c 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,8 @@
- - + + + diff --git a/index.js b/index.js index 2b6ed34..59cc136 100644 --- a/index.js +++ b/index.js @@ -1,12 +1,10 @@ import "./styles.css"; import $ from "jquery"; -let stealLogo = $('').attr('id', 'logo') - .attr('src', '//stealjs.com/img/steal-landing-page-logo.jpg'); +let content = ` +
+ +

Futuristic JavaScript dependency loader and builder

+
`; -let stealDesc = $('

').addClass('quote') - .text('Futuristic JavaScript dependency loader and builder'); - -$('.container').append(stealLogo) - .append(stealDesc) - .wrapInner('

'); +$('.container').html(content); diff --git a/package.json b/package.json index 8de1c95..bda4c45 100644 --- a/package.json +++ b/package.json @@ -9,9 +9,11 @@ "steal": { "plugins": ["steal-css"] }, - "devDependencies": { + "dependencies": { "jquery": "^3.1.1", - "steal": "^1.0.11", + "steal": "^1.0.11" + }, + "devDependencies": { "steal-css": "^1.2.0", "steal-tools": "^1.0.3" } diff --git a/styles.css b/styles.css index 6fa522d..ebf9aa4 100644 --- a/styles.css +++ b/styles.css @@ -16,7 +16,6 @@ body { vertical-align: middle; } .content { - text-align: center; display: inline-block; } .quote { From f9067d6a683a381008c0ec5fbb3383ec4ea3a36f Mon Sep 17 00:00:00 2001 From: Julian Date: Sat, 4 Feb 2017 21:33:12 +0100 Subject: [PATCH 3/3] Update index.js use svg steal logo --- index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.js b/index.js index 59cc136..0300a1f 100644 --- a/index.js +++ b/index.js @@ -3,7 +3,7 @@ import $ from "jquery"; let content = `
- +

Futuristic JavaScript dependency loader and builder

`;