Permalink
Browse files

added messages inline

  • Loading branch information...
1 parent 1f50e1a commit ac4f60caa668bea0acda5652d674977ba18c1931 @abachman committed Dec 7, 2011
Showing with 62 additions and 8 deletions.
  1. +10 −0 html5.html
  2. +11 −0 index.html
  3. +15 −0 sass/screen.scss
  4. +26 −8 stylesheets/screen.css
View
@@ -16,6 +16,16 @@
</div>
</div>
+ <div class='centered'>
+ <h3>This is "HTML5 Style"</h3>
+ <p>
+ <a href='index.html'>try image style</a>
+ </p>
+ <p>
+ Click on "MADE" to edit. Code available on <a href="https://github.com/abachman/Made-in-Baltimore-Logo">github.com</a>.
+ </p>
+ </div>
+
<script src='javascripts/generator.js'></script>
<script src='javascripts/words.js'></script>
<script>
View
@@ -11,6 +11,17 @@
<div id='head-img' contenteditable='true'>MADE</div>
</div>
+ <div class='centered'>
+ <h3>This is "Image Style"</h3>
+ <p>
+ <a href='html5.html'>try html5 style</a>
+ </p>
+
+ <p>
+ Click on "MADE" to edit. Code available on <a href="https://github.com/abachman/Made-in-Baltimore-Logo">github.com</a>.
+ </p>
+ </div>
+
<script src='javascripts/generator.js'></script>
<script src='javascripts/words.js'></script>
<script>
View
@@ -22,6 +22,15 @@ body {
background: $page_background;
}
+h3 {
+ font-size: 22px;
+ margin-bottom: 1em;
+}
+
+p {
+ margin-bottom: 2em;
+}
+
.scallop {
position: absolute;
top: 0px;
@@ -50,6 +59,12 @@ body {
}
}
+.centered {
+ margin: 90px auto;
+ text-align: center;
+ width: 600px;
+}
+
#plain-html {
width: $circle_diameter;
height: $circle_diameter;
View
@@ -74,6 +74,17 @@ body {
}
/* line 25, ../sass/screen.scss */
+h3 {
+ font-size: 22px;
+ margin-bottom: 1em;
+}
+
+/* line 30, ../sass/screen.scss */
+p {
+ margin-bottom: 2em;
+}
+
+/* line 34, ../sass/screen.scss */
.scallop {
position: absolute;
top: 0px;
@@ -90,15 +101,15 @@ body {
border-radius: 39.5px;
}
-/* line 36, ../sass/screen.scss */
+/* line 45, ../sass/screen.scss */
#image-background {
width: 702px;
height: 702px;
margin: 80px auto;
position: relative;
background: url(../images/wordless-logo.png);
}
-/* line 43, ../sass/screen.scss */
+/* line 52, ../sass/screen.scss */
#image-background #head-img {
white-space: nowrap;
position: absolute;
@@ -108,7 +119,14 @@ body {
color: #fff;
}
-/* line 53, ../sass/screen.scss */
+/* line 62, ../sass/screen.scss */
+.centered {
+ margin: 90px auto;
+ text-align: center;
+ width: 600px;
+}
+
+/* line 68, ../sass/screen.scss */
#plain-html {
width: 600px;
height: 600px;
@@ -124,7 +142,7 @@ body {
background: #333333;
position: relative;
}
-/* line 65, ../sass/screen.scss */
+/* line 80, ../sass/screen.scss */
#plain-html .ring {
position: absolute;
top: 41px;
@@ -139,28 +157,28 @@ body {
-khtml-border-radius: 265px;
border-radius: 265px;
}
-/* line 76, ../sass/screen.scss */
+/* line 91, ../sass/screen.scss */
#plain-html .logo {
position: absolute;
top: 170px;
left: 110px;
}
-/* line 81, ../sass/screen.scss */
+/* line 96, ../sass/screen.scss */
#plain-html .logo #head {
white-space: nowrap;
font-size: 130px;
position: absolute;
top: 0;
left: 0;
}
-/* line 88, ../sass/screen.scss */
+/* line 103, ../sass/screen.scss */
#plain-html .logo .mid {
font-size: 50px;
position: absolute;
top: 130px;
left: 160px;
}
-/* line 94, ../sass/screen.scss */
+/* line 109, ../sass/screen.scss */
#plain-html .logo .bottom {
white-space: nowrap;
font-size: 69px;

0 comments on commit ac4f60c

Please sign in to comment.