Initial commit to new repo

resources/assets/sass/app.scss

@@ -0,0 +1,2 @@
+// @import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";
+

resources/assets/sass/components/colours.scss

@@ -0,0 +1,12 @@
+//colours.scss
+body {
+	color: $base03;
+}
+
+header a {
+	color: $base03;
+}
+
+a {
+	color: $blue;
+}

resources/assets/sass/components/fonts.scss

@@ -0,0 +1,41 @@
+//fonts.scss
+
+body {
+	text-rendering: optimizeLegibility;
+	font-feature-settings: "liga";
+	font-family: $font-stack-body;
+	font-size: 1.2em;
+}
+
+#topheader h1 {
+	font-family: $font-stack-body;
+}
+
+h1 {
+	font-family: $font-stack-headers;
+}
+
+#topheader a {
+	text-decoration: none;
+}
+
+nav {
+	font-feature-settings: "dlig";
+}
+
+article header h1 a {
+	text-decoration: none;
+}
+
+article div a {
+	text-decoration: none;
+}
+
+footer {
+	font-size: 0.8em;
+}
+
+.emoji {
+	width: auto;
+	height: 1em;
+}

resources/assets/sass/components/forms.scss

@@ -0,0 +1,45 @@
+//forms.scss
+
+form {
+	width: 100%;
+}
+
+fieldset {
+	min-width: 0;
+	width: 100%;
+}
+
+input[type="text"], input[type="file"], textarea {
+	width: 100%;
+}
+
+input, button, textarea {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	background-color: $base03;
+	color: $base3;
+	border: 1px solid $base3;
+	border-radius: 4px;
+}
+
+button:hover {
+	transition: 0.5s ease-in-out;
+	background-color: $base3;
+	color: $base03;
+}
+
+button:disabled {
+	background-color: $base1;
+	color: $base03;
+}
+
+input[type="checkbox"] {
+	-webkit-appearance: checkbox;
+	-moz-appearance: checkbox;
+}
+
+#photo {
+	background: inherit;
+	color: inherit;
+	border: none;
+}

resources/assets/sass/components/twitter.scss

@@ -0,0 +1,9 @@
+//twitter.scss
+
+.twitter-tweet-rendered {
+  margin-bottom: 0 !important;
+}
+
+.twitter-tweet-rendered + .note {
+  margin-top: 0;
+}

resources/assets/sass/global.scss

@@ -0,0 +1,41 @@
+//global.scss
+
+//variables
+$font-stack-body: "leitura-news", serif;
+$font-stack-headers: "prenton", sans-serif;
+
+//solarized variables TERMCOL
+$base03:    #002b36;//brblack
+$base02:    #073642;//black
+$base01:    #586e75;//brgreen
+$base00:    #657b83;//bryellow
+$base0:     #839496;//brblue
+$base1:     #93a1a1;//brcyan
+$base2:     #eee8d5;//white
+$base3:     #fdf6e3;//brwhite
+$yellow:    #b58900;
+$orange:    #cb4b16;
+$red:       #dc322f;
+$magenta:   #d33682;
+$violet:    #6c71c4;
+$blue:      #268bd2;
+$cyan:      #2aa198;
+$green:     #859900;
+
+//global styles
+html {
+	background: url('/assets/img/escheresque.png');
+}
+
+.map {
+	height: 150px;
+}
+
+//layout
+@import "layout";
+
+//components
+@import "components/fonts";
+@import "components/colours";
+@import "components/forms";
+@import "components/twitter";

resources/assets/sass/layout.scss

@@ -0,0 +1,197 @@
+//layout.scss
+
+//boxes
+html {
+	box-sizing: border-box;
+}
+
+*, *:before, *:after {
+	box-sizing: inherit;
+}
+
+#topheader {
+	display: flex;
+	flex-flow: row;
+}
+
+#topheader a {
+	padding: 0.5em 1em;
+}
+
+nav {
+	padding-top: 0.5em;
+}
+
+.social-list {
+	padding-left: 2em;
+}
+
+.note {
+	background-color: $base2;
+	box-shadow: 0 0 10px 2px $base1;
+	padding: 0.5em 0.5em;
+	margin-top: 1em;
+}
+
+.note:after {
+	content: " ";
+	display: block;
+	height: 0;
+	clear: both;
+}
+
+.note a {
+	word-wrap: break-word;
+}
+
+.note .e-content p:first-child {
+	margin-top: 0;
+}
+
+.note-metadata {
+	width: 100%;
+}
+
+.social-links {
+	float: right;
+}
+
+.social-links a {
+	text-decoration: none;
+}
+
+.icon {
+	width: auto;
+	height: 1em;
+	fill: $blue;
+}
+
+.reply {
+	margin-left: 2em;
+	margin-right: 2em;
+	font-size: 0.8em;
+	padding: 0.5em 0.5em;
+}
+
+.reply-to {
+	margin-left: 2em;
+	margin-right: 2em;
+	font-size: 0.8em;
+	padding-top: 2em;
+}
+
+.reply-to + .note {
+	margin-top: 0.3em;
+}
+
+.mini-h-card {
+	border-radius: 2px;
+	border: 1px solid $base01;
+	padding: 0 0.2em;
+	text-decoration: none;
+	margin-right: 5px;
+	white-space: nowrap;
+}
+
+.mini-h-card img {
+	height: 1.26em;
+	display: inline;
+	border-radius: 2px;
+	vertical-align: text-bottom;
+}
+
+.like-photo {
+	height: 1.26em;
+}
+
+.reply .e-content {
+	margin-top: 0.5em;
+	padding-left: 0.5em;
+}
+
+.notes-subtitle {
+	font-size: 1em;
+}
+
+.note-photo {
+	width: 100%;
+	height: auto;
+	image-orientation: from-image;
+}
+
+//articles
+
+article header {
+	margin-top: 0.5em;
+	margin-bottom: 0.8em;
+}
+
+.post-info {
+	font-size: 0.8em;
+	font-style: italic;
+	margin-top: -0.8em;
+}
+
+//contacts
+.contact {
+	position: relative;
+}
+
+.contact-links {
+	list-style-type: none;
+}
+
+.contact img {
+	height: auto;
+	width: 2em;
+	position: absolute;
+	top: 0;
+	left: 0;
+}
+
+.contact-info {
+	margin-left: 2em;
+}
+
+#map {
+	height: 300px;
+}
+
+/* media queries */
+@media (min-width: 700px) {
+	main {
+		margin-left: 10em;
+		margin-right: 10em;
+	}
+
+	footer {
+		margin-left: 13em;
+		margin-right: 13em;
+	}
+
+	.youtube {
+		width: 640px;
+		height: 360px;
+	}
+}
+
+@media (max-width: 699px) {
+	main {
+		margin-left: 10px;
+		margin-right: 10px;
+	}
+
+	article {
+		word-wrap: break-word;
+	}
+
+	footer {
+		margin-left: 15px;
+		margin-right: 15px;
+	}
+
+	.youtube {
+		width: 100%;
+		height: auto;
+	}
+}