Initial hugo migration

archetypes/default.md

@@ -0,0 +1,5 @@
++++
+title = '{{ replace .File.ContentBaseName "-" " " | title }}'
+date = {{ .Date }}
+draft = true
++++

assets/scss/_button.css

@@ -0,0 +1,29 @@
+.btn {
+  /* font-family: gotham ssm a, gotham ssm b, sans-serif; */
+  font-weight: bold;
+  padding: 10px 20px;
+  border-radius: 3px;
+  letter-spacing: 1px;
+  text-transform: uppercase;
+  color: #fff !important;
+  border: none;
+  outline: 0;
+}
+
+.btn.big {
+  padding: 18px 29px;
+}
+
+.btn.pink {
+  background: #ec008c;
+}
+
+.btn.pink-gradient {
+  background: linear-gradient(145deg, #F05A28 0, #EC008C 100%);
+  transition: filter .3s !important;
+}
+
+.btn.pink-gradient:hover, .btn.pink-gradient:active {
+  cursor: pointer;
+  filter: hue-rotate(140deg) saturate(2) drop-shadow(2px 4px 6px #5a3);
+}

assets/scss/_files.scss

@@ -0,0 +1,23 @@
+.file-title {
+	margin-bottom: 0;
+}
+
+pre.file-content {
+	background: whitesmoke;
+    padding: 16px;
+    border-radius: 6px;
+	overflow-x: auto;
+    width: fit-content;
+	margin: 21px auto 0 auto;
+}
+
+img.file-image {
+	margin: 21px auto 0 auto;
+    width: fit-content;
+}
+
+@media (max-width: $layout-breakpoint-small) {
+	pre.file-content, img.file-image {
+		width: 100%;
+	}
+}

assets/scss/_layout.scss

@@ -0,0 +1,17 @@
+.container {
+	display: flex;
+	flex-direction: column;
+	flex-wrap: wrap;
+	width: 100%;
+	max-width: 900px;
+	margin: auto;
+	padding: 0 15px;
+}
+
+.container.center {
+	justify-content: center;
+}
+
+.text-center {
+	text-align: center;
+}

assets/scss/_main.css

@@ -0,0 +1,30 @@
+.md-img.profile {
+  width: 100%;
+  max-width: 100px;
+}
+
+.profile-container {
+  padding-right: 0 !important;
+  padding-bottom: 0 !important;
+}
+
+.markdown > pre {
+  white-space: break-spaces;
+}
+
+.markdown > table {
+  border-collapse: collapse;
+}
+
+.markdown > table > tbody > tr > td {
+  border: solid 1px #cecece;
+  padding: 0 3px;
+}
+
+.markdown .team-profile {
+  margin-bottom: 16px !important;
+}
+
+.markdown .team-profile .profile-container {
+  align-self: center;
+}

assets/scss/_section.css

@@ -0,0 +1,52 @@
+section {
+  color: #fff;
+  padding-top: 60px;
+  padding-bottom: 50px;
+  font-size: 1.3em;
+}
+
+section.large {
+  padding-bottom: 150px;
+}
+
+section.default {
+  color: #000;
+}
+
+section.white {
+  background-color: white;
+  color: #000;
+}
+
+section.white .underlined::after {
+  border-color: #f3c006;
+}
+
+section.blue {
+  background-color: #2169C7;
+}
+
+section.green {
+  background-color: #246910;
+}
+
+section.yellow {
+  background-color: #908900;
+  color: #000;
+}
+
+section.purple {
+  background-color: #2e2459;
+}
+
+section.purple .underlined::after {
+  border-color: #A7233A;
+}
+
+section.red {
+  background-color: #A7233A;
+}
+
+section.red .underlined::after {
+  border-color: #2e2459;
+}

assets/scss/_vars.scss

@@ -0,0 +1,2 @@
+$layout-breakpoint-small: 700px;
+$layout-breakpoint-very-small: 450px;

assets/scss/elements/_button.scss

@@ -0,0 +1,29 @@
+.btn {
+	/* font-family: gotham ssm a, gotham ssm b, sans-serif; */
+	font-weight: bold;
+	padding: 10px 20px;
+	border-radius: 3px;
+	letter-spacing: 1px;
+	text-transform: uppercase;
+	color: #fff !important;
+	border: none;
+	outline: 0;
+
+	&.big {
+		padding: 18px 29px;
+	}
+
+	&.pink {
+		background: #ec008c;
+
+		&-gradient {
+			background: linear-gradient(145deg, #F05A28 0, #EC008C 100%);
+			transition: filter .3s !important;
+
+			&:hover, &:active {
+				cursor: pointer;
+				filter: hue-rotate(140deg) saturate(2) drop-shadow(2px 4px 6px #5a3); // blue: hue-rotate(228deg), #58f
+			}
+		}
+	}
+}

assets/scss/elements/_footer.scss

@@ -0,0 +1,8 @@
+footer {
+	background: linear-gradient(0deg, beige, transparent);
+
+	#footer-copy {
+		color: #888;
+		padding: 20px 0;
+	}
+}