From 23a9b1ff401bf6238011cdfed4219605a20af728 Mon Sep 17 00:00:00 2001 From: wileybaba Date: Wed, 31 Oct 2018 00:03:26 -0600 Subject: adding my theme to github --- static/css/main.css | 276 +++++++++++++++++++++++++++++++++++++++++++++++ static/img/email.svg | 41 +++++++ static/img/git.svg | 1 + static/img/instagram.svg | 1 + static/img/twitter.svg | 1 + 5 files changed, 320 insertions(+) create mode 100644 static/css/main.css create mode 100644 static/img/email.svg create mode 100644 static/img/git.svg create mode 100644 static/img/instagram.svg create mode 100644 static/img/twitter.svg (limited to 'static') diff --git a/static/css/main.css b/static/css/main.css new file mode 100644 index 0000000..79e95bb --- /dev/null +++ b/static/css/main.css @@ -0,0 +1,276 @@ +/* Global styles */ +body { + font-family: "Raleway"; +} + +a { + color: #5188ef; + transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); + -webkit-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); + -moz-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); + -ms-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); + -o-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); +} + +a:hover { + color: #7e7ef7; +} + +/* Partial: Colors */ +.text-patreon { + color: #51ef7e !important; +} + +.text-ko-fi { + color: #5188ef !important; +} + +.text-bmc { + color: #5188ef !important; +} + +/* Partial: Header */ +.header a:hover { + text-decoration: none; +} + +.header .logo { + max-height: 120px; +} + +.header h1.name { + color: #333333; + font-size: 2.3rem; + font-family: "Helvetica Neue", "Arial", sans-serif; + letter-spacing: 0.1rem; +} + +.header ul.nav li a { + color: #666666; + font-size: 18px; + padding: 3px 12px 0 5px; +} + +.header ul.nav li a:hover { + color: #f4b642; + } + +.header ul.nav li:first-child a { + padding-left: 2px; +} + +.header ul.nav li:last-child a { + padding-right: 2px; +} + +/* Partial: Content */ +.content .page-heading { + font-size: 1.5rem; + font-weight: 700; + letter-spacing: -0.005rem; + text-transform: "capitalize"; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + color: #333333; + margin-bottom: 16px; +} + +.content .meta { + font-size: 16px; + color: #666666; +} + +.content .meta a { + text-decoration: none; +} + +.content .middot:before { + font-size: 6px; + margin: 0 6px; + vertical-align: middle; + content: "•"; +} + +.content .tags ul li { + transition: opacity 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); + -webkit-transition: opacity 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); + -moz-transition: opacity 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); + -ms-transition: opacity 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); + -o-transition: opacity 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); +} + +.content .tags ul li:hover { + opacity: 0.7; +} + +.content .tags ul li a { + color: #666666; +} + +.content .markdown { + font-family: "Merriweather"; + font-size: 1.3em; + line-height: 1.75em; + color: #313537; +} + +.content twitterwidget { + margin: auto; +} + +.content .meta, +.content .markdown h1, +.content .markdown h2, +.content .markdown h3, +.content .markdown h4, +.content .markdown h5, +.content .markdown h6, +.content .markdown p, +.content .markdown ul, +.content .markdown ol, +.content .markdown dl, +.content .markdown blockquote { + margin-left: 1.5rem; + margin-right: 1.5rem; +} + +.content .markdown code, +.content .markdown pre { + font-family: "Menlo", monospace; + font-size: 0.98rem; + background-color: #f7f7f7; +} + +.content .markdown code { + /* enclosed by single backtick (`) */ + padding: 0.15em 0.5em; + border-radius: 2px; + color: #7adbbc; +} + +.content .markdown pre { + /* Hugo specific: consider using the 'highlight' shortcode */ + display: block; + margin-top: 1rem; + margin-bottom: 2rem; + padding: 1rem; + line-height: 1.5em; + white-space: pre; + word-break: break-all; + word-wrap: break-word; +} + +.content .markdown pre code { + /* enclosed by 4 backticks (````) */ + padding: 0; + font-size: 0.9rem; +} + +.content .markdown blockquote { + padding: 0.5rem 0.5rem; + margin-top: 0.8rem; + margin-bottom: 0.8rem; + color: #7a7a7a; + border-left: 0.25rem solid #e5e5e5; +} + +.content .markdown blockquote p:last-child { + margin-bottom: 0; +} + +.content .markdown figure { + background: #fff; +} + +.content .see-more { + font-size: 0.9em; + color: #313537; +} + +.content .see-more:hover { + color: #666; +} + +.content .groupby { + list-style: none; + margin-top: 1em; +} + +.content .post-item { + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + display: -ms-flex; + display: flex; +} + +.content .post-item .meta { + color: #666666; + display: block; + font-size: 14px; + min-width: 100px; +} + +.content .navigation .icon { + width: 16px; + height: 16px; +} + +/* Partial: Footer */ +.footer a { + font-size: 14px; + margin-left: 6px; + margin-right: 6px; + opacity: 0.6; + transition: opacity 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); + -webkit-transition: opacity 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); + -moz-transition: opacity 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); + -ms-transition: opacity 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); + -o-transition: opacity 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); + text-decoration: none; +} + +.footer a:first-child { + margin-left: 0; +} + +.footer a:last-child { + margin-right: 0; +} + +.footer a:hover { + opacity: 0.8; +} + +.footer a .icon { + width: 24px; + height: 24px; +} + +.footer span.title { + font-size: 14px; + color: #666; +} + +/* Small devices (landscape phones, less than 768px) */ +@media (max-width: 767.98px) { + html { + font-size: 0.8rem; + } + + .content .meta, + .content .markdown h1, + .content .markdown h2, + .content .markdown h3, + .content .markdown h4, + .content .markdown h5, + .content .markdown h6, + .content .markdown p, + .content .markdown ul, + .content .markdown ol, + .content .markdown dl, + .content .markdown blockquote { + margin-left: 0; + margin-right: 0; + } +} diff --git a/static/img/email.svg b/static/img/email.svg new file mode 100644 index 0000000..4015631 --- /dev/null +++ b/static/img/email.svg @@ -0,0 +1,41 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/img/git.svg b/static/img/git.svg new file mode 100644 index 0000000..b8c8898 --- /dev/null +++ b/static/img/git.svg @@ -0,0 +1 @@ +Git icon \ No newline at end of file diff --git a/static/img/instagram.svg b/static/img/instagram.svg new file mode 100644 index 0000000..a0fed10 --- /dev/null +++ b/static/img/instagram.svg @@ -0,0 +1 @@ +Instagram icon \ No newline at end of file diff --git a/static/img/twitter.svg b/static/img/twitter.svg new file mode 100644 index 0000000..b674108 --- /dev/null +++ b/static/img/twitter.svg @@ -0,0 +1 @@ +Twitter icon \ No newline at end of file -- cgit v1.2.3