+
+
+
+
diff --git a/startpage/styles/styles.css b/startpage/styles/styles.css
new file mode 100644
index 0000000..fadc6a3
--- /dev/null
+++ b/startpage/styles/styles.css
@@ -0,0 +1,96 @@
+/*
+ * startpage.css
+ * Copyright (C) 2018 salt
+ *
+ * Distributed under terms of the MIT license.
+ */
+
+/* Globals */
+
+.content {
+ padding: inherit;
+}
+
+/* Specifics */
+
+.container {
+ display: block;
+}
+
+.startpage-wrapper {
+ padding: 0 0 2em 0;
+}
+
+.search-wrapper {
+ display: flex;
+ flex-flow: row wrap;
+ max-width: 640px;
+ margin: auto;
+ padding: 2em 0;
+ position: relative;
+}
+
+.search-form {
+ flex-grow: 1;
+ padding: 0 1em;
+}
+
+.search-input {
+ background: var(--background-dark);
+ border: none;
+ border-bottom: 1px solid var(--link);
+ color: var(--text-color);
+ font-size: 16px;
+ font-family: var(--font);
+ padding: 0.25em;
+ transition: .08s ease-in;
+ width: 100%;
+}
+.search-input:hover,
+.search-input:focus {
+ border-bottom: 1px solid var(--link-hover);
+}
+
+.section-wrapper-header {
+ font-size: 70%;
+ letter-spacing: 1em;
+ margin: auto;
+ padding-top: 2em 0 1em 0;
+ text-align: center;
+ text-transform: uppercase;
+}
+
+.section-wrapper {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ margin: auto;
+}
+
+.section {
+ break-inside: avoid;
+ min-width: 10em;
+ max-width: 20em;
+ padding: 1em 0 1em 0;
+}
+
+.section-header {
+ column-span: all;
+ margin: 0 0 0.25em 0;
+ text-transform: uppercase;
+}
+
+.section-links {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ line-height: 1.3;
+}
+.section-links a {
+ color: var(--link);
+ text-decoration: none;
+ transition: .08s ease-in;
+}
+.section-links a:hover {
+ color: var(--link-hover);
+}
+
+
+
+ labbity
+
+
+
+
+
+
+
+ Resources
+-
+
- google domains +
- ansible docs +
- terraform docs +
fun
+
+
+
+
+
+
+
+ Galleries
+-
+
- derpibooru +
- gelbooru +
nerd
+
+
+
+
+
+
+
+ Core
+-
+
- home +
- bin +
- firestarter +
- ansible +
util
+
+