Skip to content

Instantly share code, notes, and snippets.

@hoorayimhelping
Created January 26, 2016 00:02
Show Gist options
  • Select an option

  • Save hoorayimhelping/42f8188e069790f2bc83 to your computer and use it in GitHub Desktop.

Select an option

Save hoorayimhelping/42f8188e069790f2bc83 to your computer and use it in GitHub Desktop.
diff --git a/app/sass/_chrome.scss b/app/sass/_chrome.scss
index 0cf2dfd..a767a2d 100644
--- a/app/sass/_chrome.scss
+++ b/app/sass/_chrome.scss
@@ -52,6 +52,10 @@ li {
font-weight: 500;
}
+.parenthetical {
+ font-size: 0.75em;
+}
+
@media only screen and (min-device-width : 661px) {
img {
border: 4px solid transparent;
diff --git a/app/sass/main.scss b/app/sass/main.scss
index 204cc0f..679abf3 100644
--- a/app/sass/main.scss
+++ b/app/sass/main.scss
@@ -1,26 +1,27 @@
-@import "chrome";
-
-body {
- display: inline-block;
-}
-
-@media only screen and (max-device-width : 660px) {
- body {
- width: 320px;
- max-width: 320px;
- }
-
- h1 {
- padding: 10px;
- width: 100%;
- }
-
- .main-content, p {
- padding: 10px;
- max-width: 320px;
- }
-
- img {
- max-width: 100%;
- }
-}
+* { box-sizing: border-box; }
+
+body { margin: 0; padding: 0; }
+
+h1, h2, h3, h4, h5, h6 { font-weight: 100; }
+
+h1 { font-family: Helvetica; font-size: 40pt; margin: 0; padding: 10px; }
+
+.main-content { display: inline-block; font-family: Helvetica; font-size: 14pt; font-weight: 300; margin: 0; padding: 10px; width: 100%; }
+
+ul { padding: 0 25px; }
+
+li { list-style-type: circle; margin: 20px 0px; }
+
+.outbound-link { color: #00B; text-decoration: none; transition: color 0.25s ease-out; }
+
+.outbound-link:hover { color: magenta; text-decoration: underline; }
+
+.outbound-link strong { font-weight: 500; }
+
+.parenthetical { font-size: 0.75em; }
+
+@media only screen and (min-device-width: 661px) { img { border: 4px solid transparent; transition: 0.5s ease-out; }
+ img:hover { border-color: magenta; }
+ .main-content, p { max-width: 641px; } }
+
+/*# sourceMappingURL=main.scss.map */
diff --git a/index.html b/index.html
index 13cd5e8..fa88fa8 100755
--- a/index.html
+++ b/index.html
@@ -11,7 +11,7 @@
<h1>Bucky Schwarz</h1>
<div class="main-content">
<p>
- Hi, I'm Bucky Schwarz and I live in Brooklyn, NY where I write software for a living and fun. I love video games and weightlifting and things that are funny. Plus other stuff.
+ Hi, I'm Bucky Schwarz <span class="parenthetical">(rhymes with wars)</span> and I live in Brooklyn, NY where I write software for a living and fun. I love video games and weightlifting and things that are funny. Plus other stuff.
</p>
<p>
I like to write about technical topics. Some recent posts of mine:
diff --git a/styles/main.css b/styles/main.css
index 02a6ccd..a8da82c 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -1 +1 @@
-*{box-sizing:border-box}body{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:100}h1{font-family:Helvetica;font-size:40pt;margin:0;padding:10px}.main-content{display:inline-block;font-family:Helvetica;font-size:14pt;font-weight:300;margin:0;padding:10px;width:100%}ul{padding:0 25px}li{list-style-type:circle;margin:20px 0px}.outbound-link{color:#00B;text-decoration:none;transition:color 0.25s ease-out}.outbound-link:hover{color:magenta;text-decoration:underline}.outbound-link strong{font-weight:500}@media only screen and (min-device-width: 661px){img{border:4px solid transparent;transition:0.5s ease-out}img:hover{border-color:magenta}.main-content,p{max-width:641px}}body{display:inline-block}@media only screen and (max-device-width: 660px){body{width:320px;max-width:320px}h1{padding:10px;width:100%}.main-content,p{padding:10px;max-width:320px}img{max-width:100%}}
+*{box-sizing:border-box}body{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:100}h1{font-family:Helvetica;font-size:40pt;margin:0;padding:10px}.main-content{display:inline-block;font-family:Helvetica;font-size:14pt;font-weight:300;margin:0;padding:10px;width:100%}ul{padding:0 25px}li{list-style-type:circle;margin:20px 0px}.outbound-link{color:#00B;text-decoration:none;transition:color 0.25s ease-out}.outbound-link:hover{color:magenta;text-decoration:underline}.outbound-link strong{font-weight:500}.parenthetical{font-size:0.75em}@media only screen and (min-device-width: 661px){img{border:4px solid transparent;transition:0.5s ease-out}img:hover{border-color:magenta}.main-content,p{max-width:641px}}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment