From 5b6fc4a0992977b09404a6dc3f7b9fa8a48741d4 Mon Sep 17 00:00:00 2001 From: Drew Harwell Date: Fri, 8 Nov 2019 11:46:17 -0500 Subject: [PATCH] improve landing page --- static/index.html | 141 +++++++++++++++++++++++++----------------- static/stylesheet.css | 30 +++------ 2 files changed, 94 insertions(+), 77 deletions(-) diff --git a/static/index.html b/static/index.html index 9743e73..955e611 100644 --- a/static/index.html +++ b/static/index.html @@ -1,66 +1,95 @@ + - - - Mastofeed - embeddable Mastodon feeds - + + + Mastofeed - embeddable Mastodon feeds + + -
-
-

Mastofeed

-

Embedded Mastodon feeds for blogs etc.

-Fork on Github
-

-
-
-
-
-
-
-
-
-
-
+
+
+

Mastofeed

+

Embedded Mastodon feeds for blogs etc.

+ Fork on Github
+
+

+ + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+ + +

+ +

+

Live Preview:

+ + + +
+
+ + var iframe = document.getElementById('frame'); + iframe.src = iframeUrl; + iframe.width = val('width'); + iframe.height = val('height'); + } + - + + \ No newline at end of file diff --git a/static/stylesheet.css b/static/stylesheet.css index 87ec73f..d428c8e 100644 --- a/static/stylesheet.css +++ b/static/stylesheet.css @@ -3,7 +3,6 @@ */ @import url(https://fonts.googleapis.com/css?family=Quando|Judson|Montserrat:500|Roboto:400,500); -@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css); a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, @@ -58,22 +57,7 @@ h1 { margin-bottom: 20px } -button { - background: transparent; - border: 1px solid #9baec8; - padding: 3px 15px; - color: #9baec8; - margin-left: 4px; - font-weight: 500; - border-radius: 4px; - box-shadow: 0 4px 6px rgba(0, 0, 0, .1) -} - -button:hover { - background-color: #b5c3d6 -} - -input[type="text"], input[type="number"] { +input[type="text"], input[type="number"], select { outline: 0; box-sizing: border-box; border-radius: 4px; @@ -110,11 +94,12 @@ div { margin: 0 auto } -iframe { - float: middle; +.iframe-contain { + display:block; + text-align:center; } -a { +button, a { display: inline-block; text-align: center; font-size: 16px; @@ -126,5 +111,8 @@ a { border-radius: 4px; padding: 3px 15px; color: #9baec8; - margin-left: 4px + cursor:pointer; } +button:hover, a:hover { + background-color: #394150; +} \ No newline at end of file