diff --git a/public/css/mobile.css b/public/css/mobile.css
new file mode 100644
index 0000000..dadeb92
--- /dev/null
+++ b/public/css/mobile.css
@@ -0,0 +1,52 @@
+@media screen and (max-width: 480px) {
+ header {
+ font-size: 0.75em;
+ }
+
+ section, article, nav, footer {
+ min-width: 320px;
+ max-width: 480px;
+ }
+
+ article h1, article h2, article h3, article p, article table {
+ text-align: left;
+ padding-left: 1em;
+ padding-right: 1em;
+ }
+
+ article h2 {
+ padding-left: 0.75em;
+ }
+
+ article ul, article ol {
+ padding-left: 2em;
+ padding-right: 1em;
+ }
+
+ article table {
+ font-size: 0.5em;
+ }
+
+ article table td {
+ padding-left: 0.25em;
+ padding-right: 0.25em;
+ }
+
+ article img {
+ max-width: 100%;
+ margin-bottom: 1em;
+ }
+
+ #prev {
+ margin-left: 1em;
+ }
+
+ #next {
+ margin-right: 1em;
+ }
+
+ footer {
+ padding-left: 0;
+ padding-right: 0;
+ }
+}
\ No newline at end of file
diff --git a/public/style.css b/public/css/screen.css
similarity index 91%
rename from public/style.css
rename to public/css/screen.css
index f984e26..05b62dd 100644
--- a/public/style.css
+++ b/public/css/screen.css
@@ -11,6 +11,10 @@ h1, h2, h3 {
margin: 0;
}
+h1, h2 {
+ line-height: 1.25em;
+}
+
header {
margin: 0;
margin-bottom: 8pt;
@@ -23,6 +27,11 @@ header {
text-align: center;
box-shadow: 0px 2px 12px #888;
}
+
+header h1 {
+ margin-top:0.25em;
+}
+
header a {
text-decoration: none;
color: #fff;
@@ -43,7 +52,7 @@ article {
article, nav {
margin: 0 auto;
text-align: justify;
- width: 55em;
+ max-width: 55em;
}
article p a, article li a {
text-decoration: none;
@@ -63,8 +72,8 @@ section.concrete {
}
section.concrete h1 {
font-size: 28pt;
- margin-bottom: 30pt;
- text-decoration: underline;
+ margin-bottom: 32pt;
+ text-align: center;
}
section.concrete h2 {
margin-top: 12pt;
@@ -128,11 +137,15 @@ footer {
background: #000;
padding-top: 24pt;
padding-bottom: 16pt;
- text-align: right;
+ text-align: center;
padding-right: 64pt;
min-height: 56pt;
}
+footer span {
+ display: block;
+}
+
article img {
float: right;
margin-left: 32pt;
diff --git a/views/home.erb b/views/home.erb
index 559dcda..6a93b8b 100644
--- a/views/home.erb
+++ b/views/home.erb
@@ -9,7 +9,7 @@
diff --git a/views/layout.erb b/views/layout.erb
index 561c600..6c25d3c 100644
--- a/views/layout.erb
+++ b/views/layout.erb
@@ -1,4 +1,5 @@
+
@@ -9,15 +10,16 @@
-
-
+
+
+
-
+
<%= yield %>