diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..f6a61b6 Binary files /dev/null and b/.DS_Store differ diff --git a/404.html b/404.html deleted file mode 100644 index 086a5c9..0000000 --- a/404.html +++ /dev/null @@ -1,25 +0,0 @@ ---- -permalink: /404.html -layout: default ---- - - - -
Page not found :(
-The requested page could not be found.
-Powered by Jekyll — Theme by BDHU
\ No newline at end of file diff --git a/_includes/head-custom-google-analytics.html b/_includes/head-custom-google-analytics.html new file mode 100644 index 0000000..80264ba --- /dev/null +++ b/_includes/head-custom-google-analytics.html @@ -0,0 +1,10 @@ +{% if site.google_analytics %} + +{% endif %} \ No newline at end of file diff --git a/_includes/head-custom.html b/_includes/head-custom.html new file mode 100644 index 0000000..9307d77 --- /dev/null +++ b/_includes/head-custom.html @@ -0,0 +1,12 @@ + + + + +{% include head-custom-google-analytics.html %} + + +{% if site.favicon %} + +{% endif %} + + diff --git a/_includes/links-mobile.html b/_includes/links-mobile.html new file mode 100644 index 0000000..334cb6f --- /dev/null +++ b/_includes/links-mobile.html @@ -0,0 +1,16 @@ +by {{ page.author | default: site.author }}
+ +{{content}} + +{% if page.tags %} + tags: {{ page.tags | join: " - " }} +{% endif %} diff --git a/_posts/2022-03-29-welcome-to-jekyll.markdown b/_posts/2022-03-29-welcome-to-jekyll.markdown deleted file mode 100644 index 9074a3e..0000000 --- a/_posts/2022-03-29-welcome-to-jekyll.markdown +++ /dev/null @@ -1,29 +0,0 @@ ---- -layout: post -title: "Welcome to Jekyll!" -date: 2022-03-29 16:44:47 -0700 -categories: jekyll update ---- -You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated. - -Jekyll requires blog post files to be named according to the following format: - -`YEAR-MONTH-DAY-title.MARKUP` - -Where `YEAR` is a four-digit number, `MONTH` and `DAY` are both two-digit numbers, and `MARKUP` is the file extension representing the format used in the file. After that, include the necessary front matter. Take a look at the source for this post to get an idea about how it works. - -Jekyll also offers powerful support for code snippets: - -{% highlight ruby %} -def print_hi(name) - puts "Hi, #{name}" -end -print_hi('Tom') -#=> prints 'Hi, Tom' to STDOUT. -{% endhighlight %} - -Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk]. - -[jekyll-docs]: https://jekyllrb.com/docs/home -[jekyll-gh]: https://github.com/jekyll/jekyll -[jekyll-talk]: https://talk.jekyllrb.com/ diff --git a/_sass/colors.scss b/_sass/colors.scss new file mode 100644 index 0000000..3baff85 --- /dev/null +++ b/_sass/colors.scss @@ -0,0 +1,124 @@ +/* +H -> hue +L -> luminosity +S -> saturation +clr -> color +bg -> background +hvr -> hover +*/ + +//colors +:root { + //red + --code-d14: #d14; + --code-aa0000: #aa0000; + --code-990000: #990000; + //cyan + --code-009999: #009999; + --code-008080: #008080; + --code-3c5d5d: #3c5d5d; + //green + --code-009926: #009926; + //pink + --code-990073: #990073; + --code-800080: #800080; + //purple + --code-445588: #445588; + //blue + --code-000080: #000080; + //grey + --code-aaaaaa: #aaaaaa; + --code-999999: #999999; + --code-888888: #888888; + --code-555555: #555555; +} + +@mixin colors { + // buttons + --L-a-text-hover-change: 0.8;//the number that --L-a-text gets changed by when it is hovered eg a button has 30% luminosity when left it luminosity is then timesed by 0.8 when the button is hovered + --clr-a-text: hsl(200, 100%, var(--L-a-text)); + --clr-a-text-hvr: hsl(200, 100%, calc(var(--L-a-text) * var(--L-a-text-hover-change))); + --clr-buttons-main-bg: hsl(0, 0%, var(--L-buttons-main-bg));//the buttons in the main section at the top titled "download zip" "download tarbell" "veiw on github" + --clr-buttons-main-border: hsl(0, 0%, var(--L-buttons-main-border)); + --clr-buttons-main-text: hsl(0, 0%, var(--L-buttons-main-text)); + --clr-buttons-main-text-hover: hsl(0, 6%, var(--L-buttons-main-text-hover)); + // headers + text + --clr-h1-and-bold: hsl(0, 0%, var(--L-h1-and-bold)); + --clr-h2: hsl(0, 0%, var(--L-h2)); + --clr-h-3-6: hsl(0, 0%, var(--L-h-3-6)); + --clr-text: hsl(0, 0%, var(--L-text)); + // code blocks + --clr-code-text: hsl(0, 0%, var(--L-code-text)); + --clr-code-bg: hsl(0, 0%, var(--L-code-bg)); + --clr-code-border: hsl(0, 0%, var(--L-code-border)); + --clr-code-bold-text: hsl(0, 0%, var(--L-code-bold-text)); + //kbd these are keyboard shortcuts eg CMD+R + --clr-kbd-bg: hsl(210, 25%, var(--L-kbd-bg)); + --clr-kbd-border: hsl(212.7, 10.7%, var(--L-kbd-border)); + --clr-kbd-border-bottom-and-shadow: hsl(210, 8.2%, var(--L-kbd-border-bottom-and-shadow));// akbd elemnts border bottom and its shadow color + --clr-kbd-text: hsl(210, 11.7%, var(--L-kbd-text)); + // miselainies + --clr-bg: hsl(0, 0%, var(--L-bg));//the bg of the page + --clr-splitter-blockquote-and-section: hsl(0, 0%, var(--L-splitter-blockquote-and-section));//a color for the lines that split tables, appear on the left pf blockquotes and mark new sections + --clr-small-in-a: hsl(0, 0%, var(--L-small-in-a));//the color for small elements in a's this color is used on the veiw on github button above the download buttons + --clr-table-header-and-dt: hsl(0, 0%, var(--L-table-header-and-dt)); //more info on dt's https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_dd_test +} + +@mixin light-colors { + // buttons + --L-a-text: 35%; + --L-buttons-main-bg: 96%; + --L-buttons-main-border: 88%; + --L-buttons-main-text: 40%; + --L-buttons-main-text-hover: 38%; + // headers + text + --L-h1-and-bold: 13%; + --L-h2: 22%; + --L-h-3-6: 29%; + --L-text-bold: 36%; + --L-text: 45%; + // code blocks + --L-code-text: 20%; + --L-code-bg: 97%; + --L-code-border: 90%; + --L-code-bold-text: 0%; + //kbd these are keyboard shortcuts eg CMD+R + --L-kbd-bg: 98%; + --L-kbd-border: 80%; + --L-kbd-border-bottom-and-shadow: 62%; + --L-kbd-text: 30%; + // misilainius + --L-bg: 100%; + --L-splitter-blockquote-and-section: 90%;//for elements like hr + blockquote + --L-small-in-a: 47%; + --L-table-header-and-dt: 27%; //more on dt's https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_dd_test +} + +@mixin dark-colors { +// buttons +--L-a-text: 60%; +--L-buttons-main-bg: 17%; +--L-buttons-main-border: 26%; +--L-buttons-main-text: 76%; +--L-buttons-main-text-hover: 80%; +// headers + text +--L-h1-and-bold: 90%; +--L-h2: 83%; +--L-h-3-6: 76%; +--L-text: 70%; +// code blocks +--L-code-text: 80%; +--L-code-bg: 3%; +--L-code-border: 5%; +--L-code-bold-text: 100%; +//kbd these are keyboard shortcuts eg CMD+R +--L-kbd-bg: 30%; +--L-kbd-border: 45%; +--L-kbd-border-bottom-and-shadow: 55%; +--L-kbd-text: 100%; +// misilainius +--L-splitter-blockquote-and-section: 15%;// for elements like hr and blockquote +--L-bg: 10%; +--L-small-in-a: 60%; +--L-table-header-and-dt: 90%; //more on dt's https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_dd_test +} diff --git a/_sass/fonts.scss b/_sass/fonts.scss new file mode 100644 index 0000000..04c28e9 --- /dev/null +++ b/_sass/fonts.scss @@ -0,0 +1,55 @@ +@font-face { + font-family: 'Noto Sans'; + font-weight: 400; + font-style: normal; + src: url('../fonts/Noto-Sans-regular/Noto-Sans-regular.eot'); + src: url('../fonts/Noto-Sans-regular/Noto-Sans-regular.eot?#iefix') format('embedded-opentype'), + local('Noto Sans'), + local('Noto-Sans-regular'), + url('../fonts/Noto-Sans-regular/Noto-Sans-regular.woff2') format('woff2'), + url('../fonts/Noto-Sans-regular/Noto-Sans-regular.woff') format('woff'), + url('../fonts/Noto-Sans-regular/Noto-Sans-regular.ttf') format('truetype'), + url('../fonts/Noto-Sans-regular/Noto-Sans-regular.svg#NotoSans') format('svg'); +} + +@font-face { + font-family: 'Noto Sans'; + font-weight: 700; + font-style: normal; + src: url('../fonts/Noto-Sans-700/Noto-Sans-700.eot'); + src: url('../fonts/Noto-Sans-700/Noto-Sans-700.eot?#iefix') format('embedded-opentype'), + local('Noto Sans Bold'), + local('Noto-Sans-700'), + url('../fonts/Noto-Sans-700/Noto-Sans-700.woff2') format('woff2'), + url('../fonts/Noto-Sans-700/Noto-Sans-700.woff') format('woff'), + url('../fonts/Noto-Sans-700/Noto-Sans-700.ttf') format('truetype'), + url('../fonts/Noto-Sans-700/Noto-Sans-700.svg#NotoSans') format('svg'); +} + +@font-face { + font-family: 'Noto Sans'; + font-weight: 400; + font-style: italic; + src: url('../fonts/Noto-Sans-italic/Noto-Sans-italic.eot'); + src: url('../fonts/Noto-Sans-italic/Noto-Sans-italic.eot?#iefix') format('embedded-opentype'), + local('Noto Sans Italic'), + local('Noto-Sans-italic'), + url('../fonts/Noto-Sans-italic/Noto-Sans-italic.woff2') format('woff2'), + url('../fonts/Noto-Sans-italic/Noto-Sans-italic.woff') format('woff'), + url('../fonts/Noto-Sans-italic/Noto-Sans-italic.ttf') format('truetype'), + url('../fonts/Noto-Sans-italic/Noto-Sans-italic.svg#NotoSans') format('svg'); +} + +@font-face { + font-family: 'Noto Sans'; + font-weight: 700; + font-style: italic; + src: url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot'); + src: url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot?#iefix') format('embedded-opentype'), + local('Noto Sans Bold Italic'), + local('Noto-Sans-700italic'), + url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff2') format('woff2'), + url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff') format('woff'), + url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.ttf') format('truetype'), + url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.svg#NotoSans') format('svg'); +} diff --git a/_sass/jekyll-theme-minimalist.scss b/_sass/jekyll-theme-minimalist.scss new file mode 100644 index 0000000..7d456be --- /dev/null +++ b/_sass/jekyll-theme-minimalist.scss @@ -0,0 +1,316 @@ +@import "fonts"; +@import "rouge-github"; +@import "colors"; + +body { + background-color: var(--clr-bg); + padding:50px; + font: 15px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + color: var(--clr-text); + font-weight:400; +} + +h1, h2, h3, h4, h5, h6 { + color: var(--clr-h1-and-bold); + margin:0 0 20px; +} + +p, ul, ol, table, pre, dl { + margin:0 0 20px; +} + +h1, h2, h3 { + line-height:1.1; +} + +h1 { + font-size:32px; +} + +h2 { + color: var(--clr-h2); +} + +h3, h4, h5, h6 { + color: var(--clr-h-3-6); +} + +a { + color:var(--clr-a-text); + text-decoration:none; +} + +a:hover, a:focus { + color: var(--clr-a-text-hvr); +} + +a small { + font-size:11px; + color:var(--clr-small-in-a); + margin-top:-0.3em; + display:block; +} + +a:hover small { + color:var(--clr-small-in-a); +} + +// added +p.link { + margin:0 0 4px; +} + +// added +ul.link { + list-style-type: none; /* Remove bullets */ + margin: 0; /* To remove default bottom margin */ + padding: 0.4px; /* To remove default left padding */ +} + +ul.link li + li { + margin-top: 6px; +} + +ul.link:last-child { + margin-bottom: 6px; +} + +.wrapper { + width:860px; + margin: 0 auto; +} + +blockquote { + border-left:1px solid var(--clr-splitter-blockquote-and-section); + margin:0; + padding:0 0 0 20px; + font-style:italic; +} + +code, pre { + font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace; + color: var(--clr-code-text); +} + +pre { + padding:8px 15px; + background: var(--clr-code-bg); + border-radius:5px; + border:1px solid var(--clr-code-border); + overflow-x: auto; +} + +table { + width:100%; + border-collapse:collapse; +} + +th, td { + text-align:left; + padding:5px 10px; + border-bottom:1px solid var(--clr-splitter-blockquote-and-section); +} + +dt { + color:var(--clr-table-header-and-dt); + font-weight:700; +} + +th { + color:var(--clr-table-header-and-dt); +} + +img { + max-width:100%; +} + +kbd { + background-color: var(--clr-kbd-bg) ; + border: 1px solid var(--clr-kbd-border); + border-bottom-color: var(--clr-kbd-border-bottom-and-shadow); + border-radius: 3px; + box-shadow: inset 0 -1px 0 var(--clr-kbd-border-bottom-and-shadow); + color: var(--clr-kbd-text); + display: inline-block; + font-size: 11px; + line-height: 10px; + padding: 3px 5px; + vertical-align: middle; +} + +.sidebar { + width:185px; + float:left; + position:fixed; + -webkit-font-smoothing:subpixel-antialiased; + top: 0; + padding: 58px 0 50px 0; + display: flex; + flex-direction: column; + justify-content: space-between; + height: calc(100vh - 108px); + overflow-x: hidden; + overflow-y: scroll; + -ms-overflow-style: -ms-autohiding-scrollbar; // IE10+ +} + +// Disables the scrollbar in Firefox +// HTML-Proofer fails without "@-moz-document url-prefix()" +// because scrollbar-width is still experimental in Firefox. +@-moz-document url-prefix() { + .sidebar { + scrollbar-width: none; + } +} + +.sidebar::-webkit-scrollbar { + /* Chrome, Safari, Edge */ + display: none; +} + +strong { + color:var(--clr-h1-and-bold); + font-weight:700; +} + +section { + width: 610px; + float:right; + padding-bottom:30px; +} + +small { + font-size:11px; +} + +hr { + border:0; + background:var(--clr-splitter-blockquote-and-section); + height:1px; + width:30%; + margin:10px auto 30px; +} + +footer, .sidebar-footer { + width:185px; + float:left; + bottom:30px; + -webkit-font-smoothing:subpixel-antialiased; +} + +footer { + display: none; +} + +.sidebar-footer { + flex-basis: content; +} + +@media print, screen and (max-width: 960px) { + + .sidebar { + padding: initial; + display: initial; + height: initial; + overflow: initial; + } + + footer { + display: initial; + } + + .sidebar-footer { + display: none; + } + + div.wrapper { + width:auto; + margin:0; + } + + .sidebar, section, footer { + float:none; + position:static; + width:auto; + } + + header { + padding-right:320px; + } + + section { + border:1px solid var(--clr-splitter-blockquote-and-section); + border-width:1px 0; + padding:20px 0; + margin:0 0 20px; + } + + header a small { + display:inline; + } + + header ul { + position:absolute; + right:50px; + top:52px; + } + + .link-wrapper { + display: none !important; + } + + .img-circle { + display: none !important; + } +} + +@media print, screen and (max-width: 720px) { + body { + word-wrap:break-word; + } + + header { + padding:0; + } + + header ul, header p.view { + position:static; + } + + pre, code { + word-wrap:normal; + } +} + +.link-wrapper-mobile { + margin-bottom: 20px; +} + +@media print, screen and (min-width: 961px) { + .link-wrapper-mobile { + display: none !important; + } +} + +@media print, screen and (max-width: 480px) { + body { + padding:15px; + } + + // header ul { + // width:99%; + // } + + // header li, header ul li + li + li { + // width:33%; + // } +} + +@media print { + body { + padding:0.4in; + font-size:12pt; + color:#444; + } +} + diff --git a/_sass/minimalist.scss b/_sass/minimalist.scss new file mode 100644 index 0000000..9fbc2f6 --- /dev/null +++ b/_sass/minimalist.scss @@ -0,0 +1,4 @@ +// Placeholder file. If your site uses +// @import "{{ site.theme }}"; +// Then using this theme with jekyll-remote-theme will work fine. +@import "jekyll-theme-minimalist"; \ No newline at end of file diff --git a/_sass/rouge-github.scss b/_sass/rouge-github.scss new file mode 100644 index 0000000..4fc25fe --- /dev/null +++ b/_sass/rouge-github.scss @@ -0,0 +1,219 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight .cm { + color: #999988; + font-style: italic; +} +.highlight .cp { + color: #999999; + font-weight: bold; +} +.highlight .c1 { + color: #999988; + font-style: italic; +} +.highlight .cs { + color: #999999; + font-weight: bold; + font-style: italic; +} +.highlight .c, .highlight .cd { + color: #999988; + font-style: italic; +} +.highlight .err { + color: #a61717; + background-color: #e3d2d2; +} +.highlight .gd { + // color: #000000; + color: var(--clr-code-bold-text); + background-color: #ffdddd; +} +.highlight .ge { + // color: #000000; + color: var(--clr-code-bold-text); + font-style: italic; +} +.highlight .gr { + color: #aa0000; +} +.highlight .gh { + color: #999999; +} +.highlight .gi { + // color: #000000; + color: var(--clr-code-bold-text); + background-color: #ddffdd; +} +.highlight .go { + color: #888888; +} +.highlight .gp { + color: #555555; +} +.highlight .gs { + font-weight: bold; +} +.highlight .gu { + color: #aaaaaa; +} +.highlight .gt { + color: #aa0000; +} +.highlight .kc { + // color: #000000; + color: var(--clr-code-bold-text); + font-weight: bold; +} +.highlight .kd { + // color: #000000; + color: var(--clr-code-bold-text); + font-weight: bold; +} +.highlight .kn { + // color: #000000; + color: var(--clr-code-bold-text); + font-weight: bold; +} +.highlight .kp { + // color: #000000; + color: var(--clr-code-bold-text); + font-weight: bold; +} +.highlight .kr { + // color: #000000; + color: var(--clr-code-bold-text); + font-weight: bold; +} +.highlight .kt { + color: #445588; + font-weight: bold; +} +.highlight .k, .highlight .kv { + // color: #000000; + color: var(--clr-code-bold-text); + font-weight: bold; +} +.highlight .mf { + color: #009999; +} +.highlight .mh { + color: #009999; +} +.highlight .il { + color: #009999; +} +.highlight .mi { + color: #009999; +} +.highlight .mo { + color: #009999; +} +.highlight .m, .highlight .mb, .highlight .mx { + color: #009999; +} +.highlight .sb { + color: #d14; +} +.highlight .sc { + color: #d14; +} +.highlight .sd { + color: #d14; +} +.highlight .s2 { + color: #d14; +} +.highlight .se { + color: #d14; +} +.highlight .sh { + color: #d14; +} +.highlight .si { + color: #d14; +} +.highlight .sx { + color: #d14; +} +.highlight .sr { + color: #009926; +} +.highlight .s1 { + color: #d14; +} +.highlight .ss { + color: #990073; +} +.highlight .s { + color: #d14; +} +.highlight .na { + color: #008080; +} +.highlight .bp { + color: #999999; +} +.highlight .nb { + color: #0086B3; +} +.highlight .nc { + color: #445588; + font-weight: bold; +} +.highlight .no { + color: #008080; +} +.highlight .nd { + color: #3c5d5d; + font-weight: bold; +} +.highlight .ni { + color: #800080; +} +.highlight .ne { + color: #990000; + font-weight: bold; +} +.highlight .nf { + color: #990000; + font-weight: bold; +} +.highlight .nl { + color: #990000; + font-weight: bold; +} +.highlight .nn { + color: #555555; +} +.highlight .nt { + color: #000080; +} +.highlight .vc { + color: #008080; +} +.highlight .vg { + color: #008080; +} +.highlight .vi { + color: #008080; +} +.highlight .nv { + color: #008080; +} +.highlight .ow { + color: #000000; + font-weight: bold; +} +.highlight .o { + // color: #000000; + color: var(--clr-code-bold-text); + font-weight: bold; +} +.highlight .w { + color: #bbbbbb; +} +// .highlight { +// background-color: #f8f8f8; +// } diff --git a/about.markdown b/about.markdown deleted file mode 100644 index 8b4e0b2..0000000 --- a/about.markdown +++ /dev/null @@ -1,18 +0,0 @@ ---- -layout: page -title: About -permalink: /about/ ---- - -This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at [jekyllrb.com](https://jekyllrb.com/) - -You can find the source code for Minima at GitHub: -[jekyll][jekyll-organization] / -[minima](https://github.com/jekyll/minima) - -You can find the source code for Jekyll at GitHub: -[jekyll][jekyll-organization] / -[jekyll](https://github.com/jekyll/jekyll) - - -[jekyll-organization]: https://github.com/jekyll diff --git a/another-page.md b/another-page.md new file mode 100644 index 0000000..03ce0c2 --- /dev/null +++ b/another-page.md @@ -0,0 +1,9 @@ +--- +layout: default +--- + +## Welcome to another page + +_yay_ + +[back](./) diff --git a/assets/css/colors-auto-default-dark.scss b/assets/css/colors-auto-default-dark.scss new file mode 100644 index 0000000..5bafdb1 --- /dev/null +++ b/assets/css/colors-auto-default-dark.scss @@ -0,0 +1,17 @@ +--- +--- + +//this mode is like colors-auto but if the device does not support @media prefers-color-scheme it will deafault to dark mode + +@import "colors"; + +:root { + @include colors; + @include dark-colors; + } + +@media print, (prefers-color-scheme: light) {//we would not like to apply dark mode if content is on printer as that would use a lot of ink + :root { + @include light-colors; + } +} \ No newline at end of file diff --git a/assets/css/colors-auto.scss b/assets/css/colors-auto.scss new file mode 100644 index 0000000..d9a2a19 --- /dev/null +++ b/assets/css/colors-auto.scss @@ -0,0 +1,15 @@ +--- +--- + +@import "colors"; + +:root { + @include colors; + @include light-colors; + } + +@media screen and (prefers-color-scheme: dark) {//we would not like to apply dark mode if content is on printer as that would use a lot of ink + :root{ + @include dark-colors; + } +} \ No newline at end of file diff --git a/assets/css/colors-dark.scss b/assets/css/colors-dark.scss new file mode 100644 index 0000000..e567564 --- /dev/null +++ b/assets/css/colors-dark.scss @@ -0,0 +1,15 @@ +--- +--- + +@import "colors"; + +:root { + @include colors; + @include dark-colors; +} + +@media print { + :root { + @include light-colors; + } +} \ No newline at end of file diff --git a/assets/css/colors-light.scss b/assets/css/colors-light.scss new file mode 100644 index 0000000..bccbf3d --- /dev/null +++ b/assets/css/colors-light.scss @@ -0,0 +1,9 @@ +--- +--- + +@import "colors"; + +:root { + @include colors; + @include light-colors; +} \ No newline at end of file diff --git a/assets/css/style.scss b/assets/css/style.scss new file mode 100644 index 0000000..31f9a60 --- /dev/null +++ b/assets/css/style.scss @@ -0,0 +1,68 @@ +--- +--- + +@import "jekyll-theme-minimalist"; + +.img-circle { + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + border-radius: 8px; + margin-bottom: 10px; +} + +.overlay { + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: rgba(0, 0, 0, 0.7); + transition: opacity 500ms; + visibility: hidden; + opacity: 0; +} + +.overlay:target { + visibility: visible; + opacity: 1; +} + +.popup { + margin: 70px auto; + padding: 20px; + background: #fff; + border-radius: 5px; + width: 30%; + position: relative; + transition: all 1s ease-in-out; +} + +.popup .close { + position: absolute; + top: 10px; + right: 10px; + transition: all 200ms; + font-size: 30px; + font-weight: bold; + text-decoration: none; + color: #333; +} +.popup .close:hover { + color: #06D85F; +} + +.popup .content { + padding-right: 20px; + max-height: 30%; + overflow: auto; + font: 15px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +@media screen and (max-width: 700px){ + .box{ + width: 70%; + } + .popup{ + width: 70%; + } +} diff --git a/assets/fonts/Noto-Sans-700/Noto-Sans-700.eot b/assets/fonts/Noto-Sans-700/Noto-Sans-700.eot new file mode 100755 index 0000000..03bf93f Binary files /dev/null and b/assets/fonts/Noto-Sans-700/Noto-Sans-700.eot differ diff --git a/assets/fonts/Noto-Sans-700/Noto-Sans-700.svg b/assets/fonts/Noto-Sans-700/Noto-Sans-700.svg new file mode 100755 index 0000000..925fe47 --- /dev/null +++ b/assets/fonts/Noto-Sans-700/Noto-Sans-700.svg @@ -0,0 +1,336 @@ + + + diff --git a/assets/fonts/Noto-Sans-700/Noto-Sans-700.ttf b/assets/fonts/Noto-Sans-700/Noto-Sans-700.ttf new file mode 100755 index 0000000..4599e3c Binary files /dev/null and b/assets/fonts/Noto-Sans-700/Noto-Sans-700.ttf differ diff --git a/assets/fonts/Noto-Sans-700/Noto-Sans-700.woff b/assets/fonts/Noto-Sans-700/Noto-Sans-700.woff new file mode 100755 index 0000000..9d0b78d Binary files /dev/null and b/assets/fonts/Noto-Sans-700/Noto-Sans-700.woff differ diff --git a/assets/fonts/Noto-Sans-700/Noto-Sans-700.woff2 b/assets/fonts/Noto-Sans-700/Noto-Sans-700.woff2 new file mode 100755 index 0000000..55fc44b Binary files /dev/null and b/assets/fonts/Noto-Sans-700/Noto-Sans-700.woff2 differ diff --git a/assets/fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot b/assets/fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot new file mode 100755 index 0000000..cb97b2b Binary files /dev/null and b/assets/fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot differ diff --git a/assets/fonts/Noto-Sans-700italic/Noto-Sans-700italic.svg b/assets/fonts/Noto-Sans-700italic/Noto-Sans-700italic.svg new file mode 100755 index 0000000..abdafc0 --- /dev/null +++ b/assets/fonts/Noto-Sans-700italic/Noto-Sans-700italic.svg @@ -0,0 +1,334 @@ + + + diff --git a/assets/fonts/Noto-Sans-700italic/Noto-Sans-700italic.ttf b/assets/fonts/Noto-Sans-700italic/Noto-Sans-700italic.ttf new file mode 100755 index 0000000..6640dbe Binary files /dev/null and b/assets/fonts/Noto-Sans-700italic/Noto-Sans-700italic.ttf differ diff --git a/assets/fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff b/assets/fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff new file mode 100755 index 0000000..209739e Binary files /dev/null and b/assets/fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff differ diff --git a/assets/fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff2 b/assets/fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff2 new file mode 100755 index 0000000..f5525aa Binary files /dev/null and b/assets/fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff2 differ diff --git a/assets/fonts/Noto-Sans-italic/Noto-Sans-italic.eot b/assets/fonts/Noto-Sans-italic/Noto-Sans-italic.eot new file mode 100755 index 0000000..a997349 Binary files /dev/null and b/assets/fonts/Noto-Sans-italic/Noto-Sans-italic.eot differ diff --git a/assets/fonts/Noto-Sans-italic/Noto-Sans-italic.svg b/assets/fonts/Noto-Sans-italic/Noto-Sans-italic.svg new file mode 100755 index 0000000..dcd8fc8 --- /dev/null +++ b/assets/fonts/Noto-Sans-italic/Noto-Sans-italic.svg @@ -0,0 +1,337 @@ + + + diff --git a/assets/fonts/Noto-Sans-italic/Noto-Sans-italic.ttf b/assets/fonts/Noto-Sans-italic/Noto-Sans-italic.ttf new file mode 100755 index 0000000..7f75a2d Binary files /dev/null and b/assets/fonts/Noto-Sans-italic/Noto-Sans-italic.ttf differ diff --git a/assets/fonts/Noto-Sans-italic/Noto-Sans-italic.woff b/assets/fonts/Noto-Sans-italic/Noto-Sans-italic.woff new file mode 100755 index 0000000..6dce67c Binary files /dev/null and b/assets/fonts/Noto-Sans-italic/Noto-Sans-italic.woff differ diff --git a/assets/fonts/Noto-Sans-italic/Noto-Sans-italic.woff2 b/assets/fonts/Noto-Sans-italic/Noto-Sans-italic.woff2 new file mode 100755 index 0000000..a9c14c4 Binary files /dev/null and b/assets/fonts/Noto-Sans-italic/Noto-Sans-italic.woff2 differ diff --git a/assets/fonts/Noto-Sans-regular/Noto-Sans-regular.eot b/assets/fonts/Noto-Sans-regular/Noto-Sans-regular.eot new file mode 100755 index 0000000..15fc8bf Binary files /dev/null and b/assets/fonts/Noto-Sans-regular/Noto-Sans-regular.eot differ diff --git a/assets/fonts/Noto-Sans-regular/Noto-Sans-regular.svg b/assets/fonts/Noto-Sans-regular/Noto-Sans-regular.svg new file mode 100755 index 0000000..bd2894d --- /dev/null +++ b/assets/fonts/Noto-Sans-regular/Noto-Sans-regular.svg @@ -0,0 +1,335 @@ + + + diff --git a/assets/fonts/Noto-Sans-regular/Noto-Sans-regular.ttf b/assets/fonts/Noto-Sans-regular/Noto-Sans-regular.ttf new file mode 100755 index 0000000..a83bbf9 Binary files /dev/null and b/assets/fonts/Noto-Sans-regular/Noto-Sans-regular.ttf differ diff --git a/assets/fonts/Noto-Sans-regular/Noto-Sans-regular.woff b/assets/fonts/Noto-Sans-regular/Noto-Sans-regular.woff new file mode 100755 index 0000000..17c8500 Binary files /dev/null and b/assets/fonts/Noto-Sans-regular/Noto-Sans-regular.woff differ diff --git a/assets/fonts/Noto-Sans-regular/Noto-Sans-regular.woff2 b/assets/fonts/Noto-Sans-regular/Noto-Sans-regular.woff2 new file mode 100755 index 0000000..a87d9cd Binary files /dev/null and b/assets/fonts/Noto-Sans-regular/Noto-Sans-regular.woff2 differ diff --git a/assets/img/logo.png b/assets/img/logo.png new file mode 100644 index 0000000..72359a1 Binary files /dev/null and b/assets/img/logo.png differ diff --git a/assets/js/scale.fix.js b/assets/js/scale.fix.js new file mode 100644 index 0000000..911d33c --- /dev/null +++ b/assets/js/scale.fix.js @@ -0,0 +1,27 @@ +(function(document) { + var metas = document.getElementsByTagName('meta'), + changeViewportContent = function(content) { + for (var i = 0; i < metas.length; i++) { + if (metas[i].name == "viewport") { + metas[i].content = content; + } + } + }, + initialize = function() { + changeViewportContent("width=device-width, minimum-scale=1.0, maximum-scale=1.0"); + }, + gestureStart = function() { + changeViewportContent("width=device-width, minimum-scale=0.25, maximum-scale=1.6"); + }, + gestureEnd = function() { + initialize(); + }; + + + if (navigator.userAgent.match(/iPhone/i)) { + initialize(); + + document.addEventListener("touchstart", gestureStart, false); + document.addEventListener("touchend", gestureEnd, false); + } +})(document); diff --git a/index.markdown b/index.markdown deleted file mode 100644 index 0671507..0000000 --- a/index.markdown +++ /dev/null @@ -1,6 +0,0 @@ ---- -# Feel free to add content and custom Front Matter to this file. -# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults - -layout: home ---- diff --git a/index.md b/index.md new file mode 100644 index 0000000..8611051 --- /dev/null +++ b/index.md @@ -0,0 +1,123 @@ +--- +layout: default +--- + +Text can be **bold**, _italic_, or ~~strikethrough~~. + +[Link to another page](./another-page.html). + +There should be whitespace between paragraphs. + +There should be whitespace between paragraphs. We recommend including a README, or a file with information about your project. + +# Header 1 + +This is a normal paragraph following a header. GitHub is a code hosting platform for version control and collaboration. It lets you and others work together on projects from anywhere. + +## Header 2 + +> This is a blockquote following a header. +> +> When something is important enough, you do it even if the odds are not in your favor. + +### Header 3 + +```js +// Javascript code with syntax highlighting. +var fun = function lang(l) { + dateformat.i18n = require('./lang/' + l) + return true; +} +``` + +```ruby +# Ruby code with syntax highlighting +GitHubPages::Dependencies.gems.each do |gem, version| + s.add_dependency(gem, "= #{version}") +end +``` + +#### Header 4 + +* This is an unordered list following a header. +* This is an unordered list following a header. +* This is an unordered list following a header. + +##### Header 5 + +1. This is an ordered list following a header. +2. This is an ordered list following a header. +3. This is an ordered list following a header. + +###### Header 6 + +| head1 | head two | three | +|:-------------|:------------------|:------| +| ok | good swedish fish | nice | +| out of stock | good and plenty | nice | +| ok | good `oreos` | hmm | +| ok | good `zoute` drop | yumm | + +### There's a horizontal rule below this. + +* * * + +### Here is an unordered list: + +* Item foo +* Item bar +* Item baz +* Item zip + +### And an ordered list: + +1. Item one +1. Item two +1. Item three +1. Item four + +### And a nested list: + +- level 1 item + - level 2 item + - level 2 item + - level 3 item + - level 3 item +- level 1 item + - level 2 item + - level 2 item + - level 2 item +- level 1 item + - level 2 item + - level 2 item +- level 1 item + +### Small image + +![Octocat](https://github.githubassets.com/images/icons/emoji/octocat.png) + +### Large image + +![Branching](https://guides.github.com/activities/hello-world/branching.png) + + +### Definition lists can be used with HTML syntax. + +