diff --git a/_includes/head.html b/_includes/head.html index 032f05c84..a1bf01357 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -96,6 +96,7 @@ + @@ -104,7 +105,7 @@ - + + + - + + \ No newline at end of file diff --git a/_layouts/home.html b/_layouts/home.html index 56b6a9fd2..61b8e5767 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -85,7 +85,59 @@
{{detail.college_name}}
-
+
+ + + +

{{ site.title }}

+

{{ site.subtitle }}

+ {% if site.github_username %} + {%- include github_follow_button.html -%} + {% endif %} + +

+ {% if site.twitter_username %} + + {% endif %} + {% if site.facebook_username %} + + {% endif %} + {% if site.instagram_username %} + + {% endif %} + {% if site.medium_username %} + + {% endif %} + {% if site.github_username %} + + {% endif %} + {% if site.behance_username %} + + {% endif %} + {% if site.linkedin_username %} + + {% endif %} + {% if site.telegram_username %} + + {% endif %} +

+ {% if site.author_location %}
{{ site.author_location }}
{% endif %} @@ -98,13 +150,6 @@
{{ site.author_email }}
{{ site.author_website_url }}
{% endif %} - {% if site.github_username %} - {%- include github_follow_button.html -%} - {% endif %} - - {% if site.twitter_username %} - {%- include twitter_follow_button.html -%} - {% endif %}
diff --git a/_sass/devlog.scss b/_sass/devlog.scss index b45343df9..e75e99b2f 100644 --- a/_sass/devlog.scss +++ b/_sass/devlog.scss @@ -517,75 +517,3 @@ $layout--max-width: 1000px; margin-top: 30px; } } - -/* Syntax Hightlighter */ -/* Theme - Autumn */ -/* For More Themes : https://github.com/richleland/pygments-css */ - -.highlight .hll { background-color: #ffffcc } -.highlight { background: #ffffff; } -.highlight .c { color: #aaaaaa; font-style: italic } /* Comment */ -.highlight .err { color: #FF0000; background-color: #FFAAAA } /* Error */ -.highlight .k { color: #0000aa } /* Keyword */ -.highlight .ch { color: #aaaaaa; font-style: italic } /* Comment.Hashbang */ -.highlight .cm { color: #aaaaaa; font-style: italic } /* Comment.Multiline */ -.highlight .cp { color: #4c8317 } /* Comment.Preproc */ -.highlight .cpf { color: #aaaaaa; font-style: italic } /* Comment.PreprocFile */ -.highlight .c1 { color: #aaaaaa; font-style: italic } /* Comment.Single */ -.highlight .cs { color: #0000aa; font-style: italic } /* Comment.Special */ -.highlight .gd { color: #aa0000 } /* Generic.Deleted */ -.highlight .ge { font-style: italic } /* Generic.Emph */ -.highlight .gr { color: #aa0000 } /* Generic.Error */ -.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */ -.highlight .gi { color: #00aa00 } /* Generic.Inserted */ -.highlight .go { color: #888888 } /* Generic.Output */ -.highlight .gp { color: #555555 } /* Generic.Prompt */ -.highlight .gs { font-weight: bold } /* Generic.Strong */ -.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */ -.highlight .gt { color: #aa0000 } /* Generic.Traceback */ -.highlight .kc { color: #0000aa } /* Keyword.Constant */ -.highlight .kd { color: #0000aa } /* Keyword.Declaration */ -.highlight .kn { color: #0000aa } /* Keyword.Namespace */ -.highlight .kp { color: #0000aa } /* Keyword.Pseudo */ -.highlight .kr { color: #0000aa } /* Keyword.Reserved */ -.highlight .kt { color: #00aaaa } /* Keyword.Type */ -.highlight .m { color: #009999 } /* Literal.Number */ -.highlight .s { color: #aa5500 } /* Literal.String */ -.highlight .na { color: #1e90ff } /* Name.Attribute */ -.highlight .nb { color: #00aaaa } /* Name.Builtin */ -.highlight .nc { color: #00aa00; text-decoration: underline } /* Name.Class */ -.highlight .no { color: #aa0000 } /* Name.Constant */ -.highlight .nd { color: #888888 } /* Name.Decorator */ -.highlight .ni { color: #880000; font-weight: bold } /* Name.Entity */ -.highlight .nf { color: #00aa00 } /* Name.Function */ -.highlight .nn { color: #00aaaa; text-decoration: underline } /* Name.Namespace */ -.highlight .nt { color: #1e90ff; font-weight: bold } /* Name.Tag */ -.highlight .nv { color: #aa0000 } /* Name.Variable */ -.highlight .ow { color: #0000aa } /* Operator.Word */ -.highlight .w { color: #bbbbbb } /* Text.Whitespace */ -.highlight .mb { color: #009999 } /* Literal.Number.Bin */ -.highlight .mf { color: #009999 } /* Literal.Number.Float */ -.highlight .mh { color: #009999 } /* Literal.Number.Hex */ -.highlight .mi { color: #009999 } /* Literal.Number.Integer */ -.highlight .mo { color: #009999 } /* Literal.Number.Oct */ -.highlight .sa { color: #aa5500 } /* Literal.String.Affix */ -.highlight .sb { color: #aa5500 } /* Literal.String.Backtick */ -.highlight .sc { color: #aa5500 } /* Literal.String.Char */ -.highlight .dl { color: #aa5500 } /* Literal.String.Delimiter */ -.highlight .sd { color: #aa5500 } /* Literal.String.Doc */ -.highlight .s2 { color: #aa5500 } /* Literal.String.Double */ -.highlight .se { color: #aa5500 } /* Literal.String.Escape */ -.highlight .sh { color: #aa5500 } /* Literal.String.Heredoc */ -.highlight .si { color: #aa5500 } /* Literal.String.Interpol */ -.highlight .sx { color: #aa5500 } /* Literal.String.Other */ -.highlight .sr { color: #009999 } /* Literal.String.Regex */ -.highlight .s1 { color: #aa5500 } /* Literal.String.Single */ -.highlight .ss { color: #0000aa } /* Literal.String.Symbol */ -.highlight .bp { color: #00aaaa } /* Name.Builtin.Pseudo */ -.highlight .fm { color: #00aa00 } /* Name.Function.Magic */ -.highlight .vc { color: #aa0000 } /* Name.Variable.Class */ -.highlight .vg { color: #aa0000 } /* Name.Variable.Global */ -.highlight .vi { color: #aa0000 } /* Name.Variable.Instance */ -.highlight .vm { color: #aa0000 } /* Name.Variable.Magic */ -.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */ - diff --git a/assets/bower_components/nanobar/.bower.json b/assets/bower_components/nanobar/.bower.json new file mode 100644 index 000000000..142ce30dc --- /dev/null +++ b/assets/bower_components/nanobar/.bower.json @@ -0,0 +1,38 @@ +{ + "name": "nanobar", + "description": "Very lightweight js progress bars", + "version": "0.4.2", + "main": "nanobar.js", + "keywords": [ + "loader", + "progress", + "progress bar", + "CSS3", + "html" + ], + "author": [ + "Jacobo Tabernero jacobo@xarope.eu" + ], + "license": "MIT", + "homepage": "http://nanobar.jacoborus.codes", + "bugs": { + "url": "https://github.com/jacoborus/nanobar/issues" + }, + "ignore": [ + "**/.*", + "node_modules", + "bower_components", + "test", + "tests" + ], + "_release": "0.4.2", + "_resolution": { + "type": "version", + "tag": "v0.4.2", + "commit": "8fc845016c95912b5e6d4787e6dc919ee3dc3d96" + }, + "_source": "https://github.com/jacoborus/nanobar.git", + "_target": "^0.4.2", + "_originalSource": "nanobar", + "_direct": true +} \ No newline at end of file diff --git a/assets/bower_components/nanobar/LICENSE b/assets/bower_components/nanobar/LICENSE new file mode 100644 index 000000000..0e203c7b4 --- /dev/null +++ b/assets/bower_components/nanobar/LICENSE @@ -0,0 +1,20 @@ +The MIT License (MIT) + +Copyright (c) 2014 Jacobo Tabernero - github.com/jacoborus + +Permission is hereby granted, free of charge, to any person obtaining a copy of +this software and associated documentation files (the "Software"), to deal in +the Software without restriction, including without limitation the rights to +use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of +the Software, and to permit persons to whom the Software is furnished to do so, +subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS +FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR +COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER +IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN +CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. diff --git a/assets/bower_components/nanobar/README.md b/assets/bower_components/nanobar/README.md new file mode 100644 index 000000000..0b97a91fc --- /dev/null +++ b/assets/bower_components/nanobar/README.md @@ -0,0 +1,119 @@ +![nanobar](https://raw.githubusercontent.com/jacoborus/nanobar/master/brand/nanobar.png 'nanobar logo') +======================================================================================================= + +Very lightweight progress bars (~699 bytes gzipped). + +Compatibility: iE7+ and the rest of the world + +[![npm version](https://badge.fury.io/js/nanobar.svg)](https://www.npmjs.com/package/nanobar) [![Bower version](https://img.shields.io/bower/v/nanobar.svg?maxAge=2592000)](https://github.com/jacoborus/nanobar/releases) + +## Demo + +See [nanobar.jacoborus.codes](http://nanobar.jacoborus.codes) + + +## Installation + +Download and extract the [latest release](https://github.com/jacoborus/nanobar/archive/master.zip) or install with package manager: + +[Bower](http://bower.io/): + +``` +$ bower install nanobar +``` + +[npm](https://www.npmjs.org/package/nanobar): + +``` +$ npm install nanobar +``` + + +## Usage + +### Load + +Link `nanobar.js` from your html file + +```html + +``` + +or require it: + +```js +var Nanobar = require('path/to/nanobar'); +``` + +### Generate progressbar + +```js +var nanobar = new Nanobar( options ); +``` + +**options** + +- `id` ``: (optional) id for **nanobar** div +- `classname` ``: (optional) class for **nanobar** div +- `target` ``: (optional) Where to put the progress bar, **nanobar** will be fixed to top of document if no `target` is passed + + +### Move bar + +Resize the bar with `nanobar.go(percentage)` + +**arguments** + +- `percentage` `` : percentage width of nanobar + + +## Example + +Create bar + +```js +var options = { + classname: 'my-class', + id: 'my-id', + target: document.getElementById('myDivId') +}; + +var nanobar = new Nanobar( options ); + +//move bar +nanobar.go( 30 ); // size bar 30% +nanobar.go( 76 ); // size bar 76% + +// size bar 100% and and finish +nanobar.go(100); +``` + +### Customize bars + +Nanobar injects a style tag in your HTML head. Bar divs has class `.bar`, and its containers `.nanobar`, so you can overwrite its values. + +Default css: + +```css +.nanobar { + width: 100%; + height: 4px; + z-index: 9999; + top:0 +} +.bar { + width: 0; + height: 100%; + transition: height .3s; + background:#000; +} +``` + +You should know what to do with that ;) + + +

+ +--- + +© 2016 [jacoborus](https://github.com/jacoborus) - Released under [MIT License](https://raw.github.com/jacoborus/nanobar/master/LICENSE) diff --git a/assets/bower_components/nanobar/bower.json b/assets/bower_components/nanobar/bower.json new file mode 100644 index 000000000..d7ea05359 --- /dev/null +++ b/assets/bower_components/nanobar/bower.json @@ -0,0 +1,28 @@ +{ + "name": "nanobar", + "description": "Very lightweight js progress bars", + "version": "0.4.2", + "main": "nanobar.js", + "keywords": [ + "loader", + "progress", + "progress bar", + "CSS3", + "html" + ], + "author": [ + "Jacobo Tabernero jacobo@xarope.eu" + ], + "license": "MIT", + "homepage": "http://nanobar.jacoborus.codes", + "bugs": { + "url": "https://github.com/jacoborus/nanobar/issues" + }, + "ignore": [ + "**/.*", + "node_modules", + "bower_components", + "test", + "tests" + ] +} diff --git a/assets/bower_components/nanobar/brand/nanobar.png b/assets/bower_components/nanobar/brand/nanobar.png new file mode 100644 index 000000000..b57db5915 Binary files /dev/null and b/assets/bower_components/nanobar/brand/nanobar.png differ diff --git a/assets/bower_components/nanobar/brand/nanobar.svg b/assets/bower_components/nanobar/brand/nanobar.svg new file mode 100644 index 000000000..261cc9200 --- /dev/null +++ b/assets/bower_components/nanobar/brand/nanobar.svg @@ -0,0 +1,84 @@ + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/bower_components/nanobar/demos/demos.html b/assets/bower_components/nanobar/demos/demos.html new file mode 100644 index 000000000..7165cebc3 --- /dev/null +++ b/assets/bower_components/nanobar/demos/demos.html @@ -0,0 +1,82 @@ + + + + + + nanobar.js + + + + + + +
+
+

nanobar.js

+
+
+ + + +
+
+
+
+
+ + + +
+
+ + + +
+

© 2016 + jacoborus - + MIT License +

+
+ + + + + diff --git a/assets/bower_components/nanobar/demos/img/rainbow.gif b/assets/bower_components/nanobar/demos/img/rainbow.gif new file mode 100644 index 000000000..22277afa1 Binary files /dev/null and b/assets/bower_components/nanobar/demos/img/rainbow.gif differ diff --git a/assets/bower_components/nanobar/nanobar.js b/assets/bower_components/nanobar/nanobar.js new file mode 100644 index 000000000..313cdd7be --- /dev/null +++ b/assets/bower_components/nanobar/nanobar.js @@ -0,0 +1,143 @@ +/* http://nanobar.micronube.com/ || https://github.com/jacoborus/nanobar/ MIT LICENSE */ +(function (root) { + 'use strict' + // container styles + var css = '.nanobar{width:100%;height:4px;z-index:9999;top:0}.bar{width:0;height:100%;transition:height .3s;background:#000}' + + // add required css in head div + function addCss () { + var s = document.getElementById('nanobarcss') + + // check whether style tag is already inserted + if (s === null) { + s = document.createElement('style') + s.type = 'text/css' + s.id = 'nanobarcss' + document.head.insertBefore(s, document.head.firstChild) + // the world + if (!s.styleSheet) return s.appendChild(document.createTextNode(css)) + // IE + s.styleSheet.cssText = css + } + } + + function addClass (el, cls) { + if (el.classList) el.classList.add(cls) + else el.className += ' ' + cls + } + + // create a progress bar + // this will be destroyed after reaching 100% progress + function createBar (rm) { + // create progress element + var el = document.createElement('div'), + width = 0, + here = 0, + on = 0, + bar = { + el: el, + go: go + } + + addClass(el, 'bar') + + // animation loop + function move () { + var dist = width - here + + if (dist < 0.1 && dist > -0.1) { + place(here) + on = 0 + if (width === 100) { + el.style.height = 0 + setTimeout(function () { + rm(el) + }, 300) + } + } else { + place(width - dist / 4) + setTimeout(go, 16) + } + } + + // set bar width + function place (num) { + width = num + el.style.width = width + '%' + } + + function go (num) { + if (num >= 0) { + here = num + if (!on) { + on = 1 + move() + } + } else if (on) { + move() + } + } + return bar + } + + function Nanobar (opts) { + opts = opts || {} + // set options + var el = document.createElement('div'), + applyGo, + nanobar = { + el: el, + go: function (p) { + // expand bar + applyGo(p) + // create new bar when progress reaches 100% + if (p === 100) { + init() + } + } + } + + // remove element from nanobar container + function rm (child) { + el.removeChild(child) + } + + // create and insert progress var in nanobar container + function init () { + var bar = createBar(rm) + el.appendChild(bar.el) + applyGo = bar.go + } + + addCss() + + addClass(el, 'nanobar') + if (opts.id) el.id = opts.id + if (opts.classname) addClass(el, opts.classname) + + // insert container + if (opts.target) { + // inside a div + el.style.position = 'relative' + opts.target.insertBefore(el, opts.target.firstChild) + } else { + // on top of the page + el.style.position = 'fixed' + document.getElementsByTagName('body')[0].appendChild(el) + } + + init() + return nanobar + } + + if (typeof exports === 'object') { + // CommonJS + module.exports = Nanobar + } else if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define([], function () { return Nanobar }) + } else { + // Browser globals + root.Nanobar = Nanobar + } +}(this)) diff --git a/assets/bower_components/nanobar/nanobar.min.js b/assets/bower_components/nanobar/nanobar.min.js new file mode 100644 index 000000000..2e53bf182 --- /dev/null +++ b/assets/bower_components/nanobar/nanobar.min.js @@ -0,0 +1 @@ +(function(root){"use strict";var css=".nanobar{width:100%;height:4px;z-index:9999;top:0}.bar{width:0;height:100%;transition:height .3s;background:#000}";function addCss(){var s=document.getElementById("nanobarcss");if(s===null){s=document.createElement("style");s.type="text/css";s.id="nanobarcss";document.head.insertBefore(s,document.head.firstChild);if(!s.styleSheet)return s.appendChild(document.createTextNode(css));s.styleSheet.cssText=css}}function addClass(el,cls){if(el.classList)el.classList.add(cls);else el.className+=" "+cls}function createBar(rm){var el=document.createElement("div"),width=0,here=0,on=0,bar={el:el,go:go};addClass(el,"bar");function move(){var dist=width-here;if(dist<.1&&dist>-.1){place(here);on=0;if(width===100){el.style.height=0;setTimeout(function(){rm(el)},300)}}else{place(width-dist/4);setTimeout(go,16)}}function place(num){width=num;el.style.width=width+"%"}function go(num){if(num>=0){here=num;if(!on){on=1;move()}}else if(on){move()}}return bar}function Nanobar(opts){opts=opts||{};var el=document.createElement("div"),applyGo,nanobar={el:el,go:function(p){applyGo(p);if(p===100){init()}}};function rm(child){el.removeChild(child)}function init(){var bar=createBar(rm);el.appendChild(bar.el);applyGo=bar.go}addCss();addClass(el,"nanobar");if(opts.id)el.id=opts.id;if(opts.classname)addClass(el,opts.classname);if(opts.target){el.style.position="relative";opts.target.insertBefore(el,opts.target.firstChild)}else{el.style.position="fixed";document.getElementsByTagName("body")[0].appendChild(el)}init();return nanobar}if(typeof exports==="object"){module.exports=Nanobar}else if(typeof define==="function"&&define.amd){define([],function(){return Nanobar})}else{root.Nanobar=Nanobar}})(this); \ No newline at end of file diff --git a/assets/bower_components/nanobar/package.json b/assets/bower_components/nanobar/package.json new file mode 100644 index 000000000..4faeaad49 --- /dev/null +++ b/assets/bower_components/nanobar/package.json @@ -0,0 +1,33 @@ +{ + "name": "nanobar", + "version": "0.4.2", + "description": "Very lightweight js progress bars (for browsers)", + "main": "nanobar.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1", + "linter": "eslint nanobar.js", + "build": "uglifyjs nanobar.js -o nanobar.min.js" + }, + "repository": { + "type": "git", + "url": "git@github.com:jacoborus/nanobar.git" + }, + "keywords": [ + "loader", + "progress bar", + "css3", + "js", + "html" + ], + "author": "Jacobo Tabernero jacobo@xarope.eu", + "license": "MIT", + "bugs": { + "url": "https://github.com/jacoborus/nanobar/issues" + }, + "homepage": "http://nanobar.jacoborus.codes", + "namespace": "Nanobar", + "devDependencies": { + "eslint": "^2.6.0", + "uglify-js": "^2.6.2" + } +} diff --git a/assets/css/main.scss b/assets/css/main.scss index dec6da7ac..51f67820e 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -103,6 +103,10 @@ html[data-theme="light"] { // *+* { // margin-top: 1.5em; // } +.my-class .bar { + background: #f69801; +} + body { background-color: var(--main-background-color) !important; @@ -116,6 +120,7 @@ body { line-height: 1.35em; margin: 0; text-rendering: optimizeLegibility; + padding-top:33px; } h1, h2, h3, h4, h5, h6 { @@ -143,8 +148,19 @@ header { background-color: var(--card-background-color) !important; } +.navbar{ + box-shadow: #000 0px 0px 8px; + background-color: #131313 !important; +} +.navbar-dark .navbar-brand { + color: #ff7601 !important; +} +#search-icon{ + color: #FF7901; +} -header { +#profile-card { + text-align: center; #author-img{ text-align: center; } @@ -251,6 +267,56 @@ footer { /* Responsive Media Queries */ + /* + ##Device = Low Resolution Tablets, Mobiles (Landscape) + ##Screen = B/w 320px to 480px + */ + +@media (min-width: 320px) and (max-width: 480px) { + + header { + height: auto; + text-align: center; + + #author-img { + margin-left: auto; + margin-right: auto; + width: 100%; + } + + #author_details { + text-align: center; + } + } + + #mc-embedded-subscribe-form { + width: 100%; + padding: 50px; + } + + #mc_embed_signup_scroll_footer { + margin-left: 5%; + margin-right: 5%; + text-align: center; + font-size: 12px; + } + + #mce-EMAIL_footer { + width: 200px; + padding: 14px; + color: #111; + border-color: #fff; + text-align: center; + text-transform: capitalize; + border: 1px solid #fff; + } + + #mc-embedded-subscribe_footer { + margin-top: 30px; + } + + +} /* ##Device = Low Resolution Tablets, Mobiles (Landscape) ##Screen = B/w 481px to 767px @@ -270,6 +336,31 @@ footer { } } + #mc-embedded-subscribe-form { + width: 100%; + padding: 50px; + } + + #mc_embed_signup_scroll_footer { + margin-left: 5%; + margin-right: 5%; + text-align: center; + font-size: 12px; + } + + #mce-EMAIL_footer { + width: 200px; + padding: 14px; + color: #111; + border-color: #fff; + text-align: center; + text-transform: capitalize; + border: 1px solid #fff; + } + + #mc-embedded-subscribe_footer { + margin-top: 30px; + } } @@ -448,3 +539,349 @@ footer { filter: blur(0px); } } + + /* Syntax Hightlighter */ + /* Theme - Autumn */ + /* For More Themes : https://github.com/richleland/pygments-css */ + + .highlight .hll { + background-color: #ffffcc + } + + .highlight { + background: #ffffff; + } + + .highlight .c { + color: #aaaaaa; + font-style: italic + } + + /* Comment */ + .highlight .err { + color: #FF0000; + background-color: #FFAAAA + } + + /* Error */ + .highlight .k { + color: #0000aa + } + + /* Keyword */ + .highlight .ch { + color: #aaaaaa; + font-style: italic + } + + /* Comment.Hashbang */ + .highlight .cm { + color: #aaaaaa; + font-style: italic + } + + /* Comment.Multiline */ + .highlight .cp { + color: #4c8317 + } + + /* Comment.Preproc */ + .highlight .cpf { + color: #aaaaaa; + font-style: italic + } + + /* Comment.PreprocFile */ + .highlight .c1 { + color: #aaaaaa; + font-style: italic + } + + /* Comment.Single */ + .highlight .cs { + color: #0000aa; + font-style: italic + } + + /* Comment.Special */ + .highlight .gd { + color: #aa0000 + } + + /* Generic.Deleted */ + .highlight .ge { + font-style: italic + } + + /* Generic.Emph */ + .highlight .gr { + color: #aa0000 + } + + /* Generic.Error */ + .highlight .gh { + color: #000080; + font-weight: bold + } + + /* Generic.Heading */ + .highlight .gi { + color: #00aa00 + } + + /* Generic.Inserted */ + .highlight .go { + color: #888888 + } + + /* Generic.Output */ + .highlight .gp { + color: #555555 + } + + /* Generic.Prompt */ + .highlight .gs { + font-weight: bold + } + + /* Generic.Strong */ + .highlight .gu { + color: #800080; + font-weight: bold + } + + /* Generic.Subheading */ + .highlight .gt { + color: #aa0000 + } + + /* Generic.Traceback */ + .highlight .kc { + color: #0000aa + } + + /* Keyword.Constant */ + .highlight .kd { + color: #0000aa + } + + /* Keyword.Declaration */ + .highlight .kn { + color: #0000aa + } + + /* Keyword.Namespace */ + .highlight .kp { + color: #0000aa + } + + /* Keyword.Pseudo */ + .highlight .kr { + color: #0000aa + } + + /* Keyword.Reserved */ + .highlight .kt { + color: #00aaaa + } + + /* Keyword.Type */ + .highlight .m { + color: #009999 + } + + /* Literal.Number */ + .highlight .s { + color: #aa5500 + } + + /* Literal.String */ + .highlight .na { + color: #1e90ff + } + + /* Name.Attribute */ + .highlight .nb { + color: #00aaaa + } + + /* Name.Builtin */ + .highlight .nc { + color: #00aa00; + text-decoration: underline + } + + /* Name.Class */ + .highlight .no { + color: #aa0000 + } + + /* Name.Constant */ + .highlight .nd { + color: #888888 + } + + /* Name.Decorator */ + .highlight .ni { + color: #880000; + font-weight: bold + } + + /* Name.Entity */ + .highlight .nf { + color: #00aa00 + } + + /* Name.Function */ + .highlight .nn { + color: #00aaaa; + text-decoration: underline + } + + /* Name.Namespace */ + .highlight .nt { + color: #1e90ff; + font-weight: bold + } + + /* Name.Tag */ + .highlight .nv { + color: #aa0000 + } + + /* Name.Variable */ + .highlight .ow { + color: #0000aa + } + + /* Operator.Word */ + .highlight .w { + color: #bbbbbb + } + + /* Text.Whitespace */ + .highlight .mb { + color: #009999 + } + + /* Literal.Number.Bin */ + .highlight .mf { + color: #009999 + } + + /* Literal.Number.Float */ + .highlight .mh { + color: #009999 + } + + /* Literal.Number.Hex */ + .highlight .mi { + color: #009999 + } + + /* Literal.Number.Integer */ + .highlight .mo { + color: #009999 + } + + /* Literal.Number.Oct */ + .highlight .sa { + color: #aa5500 + } + + /* Literal.String.Affix */ + .highlight .sb { + color: #aa5500 + } + + /* Literal.String.Backtick */ + .highlight .sc { + color: #aa5500 + } + + /* Literal.String.Char */ + .highlight .dl { + color: #aa5500 + } + + /* Literal.String.Delimiter */ + .highlight .sd { + color: #aa5500 + } + + /* Literal.String.Doc */ + .highlight .s2 { + color: #aa5500 + } + + /* Literal.String.Double */ + .highlight .se { + color: #aa5500 + } + + /* Literal.String.Escape */ + .highlight .sh { + color: #aa5500 + } + + /* Literal.String.Heredoc */ + .highlight .si { + color: #aa5500 + } + + /* Literal.String.Interpol */ + .highlight .sx { + color: #aa5500 + } + + /* Literal.String.Other */ + .highlight .sr { + color: #009999 + } + + /* Literal.String.Regex */ + .highlight .s1 { + color: #aa5500 + } + + /* Literal.String.Single */ + .highlight .ss { + color: #0000aa + } + + /* Literal.String.Symbol */ + .highlight .bp { + color: #00aaaa + } + + /* Name.Builtin.Pseudo */ + .highlight .fm { + color: #00aa00 + } + + /* Name.Function.Magic */ + .highlight .vc { + color: #aa0000 + } + + /* Name.Variable.Class */ + .highlight .vg { + color: #aa0000 + } + + /* Name.Variable.Global */ + .highlight .vi { + color: #aa0000 + } + + /* Name.Variable.Instance */ + .highlight .vm { + color: #aa0000 + } + + /* Name.Variable.Magic */ + .highlight .il { + color: #009999 + } + + /* Literal.Number.Integer.Long */ diff --git a/assets/js/mode-switcher.js b/assets/js/mode-switcher.js index fce907316..e34cf2928 100644 --- a/assets/js/mode-switcher.js +++ b/assets/js/mode-switcher.js @@ -1,20 +1,14 @@ -let systemInitiatedDark = window.matchMedia("(prefers-color-scheme: dark)"); +let systemInitiatedDark = window.matchMedia("(prefers-color-scheme: dark)"); let theme = sessionStorage.getItem('theme'); -if (systemInitiatedDark.matches) { - document.getElementById("theme-toggle").innerHTML = "Light Mode"; -} else { - document.getElementById("theme-toggle").innerHTML = "Dark Mode"; -} - function prefersColorTest(systemInitiatedDark) { if (systemInitiatedDark.matches) { - document.documentElement.setAttribute('data-theme', 'dark'); - document.getElementById("theme-toggle").innerHTML = "Light Mode"; + document.documentElement.setAttribute('data-theme', 'dark'); + // document.getElementById("theme-toggle").innerHTML = "Light Mode"; sessionStorage.setItem('theme', ''); } else { - document.documentElement.setAttribute('data-theme', 'light'); - document.getElementById("theme-toggle").innerHTML = "Dark Mode"; + document.documentElement.setAttribute('data-theme', 'light'); + // document.getElementById("theme-toggle").innerHTML = "Dark Mode"; sessionStorage.setItem('theme', ''); } } @@ -26,30 +20,32 @@ function modeSwitcher() { if (theme === "dark") { document.documentElement.setAttribute('data-theme', 'light'); sessionStorage.setItem('theme', 'light'); - document.getElementById("theme-toggle").innerHTML = "Dark Mode"; + // document.getElementById("theme-toggle").innerHTML = "Dark Mode"; } else if (theme === "light") { document.documentElement.setAttribute('data-theme', 'dark'); sessionStorage.setItem('theme', 'dark'); - document.getElementById("theme-toggle").innerHTML = "Light Mode"; - } else if (systemInitiatedDark.matches) { + // document.getElementById("theme-toggle").innerHTML = "Light Mode"; + } else if (systemInitiatedDark.matches) { document.documentElement.setAttribute('data-theme', 'light'); sessionStorage.setItem('theme', 'light'); //let theme = sessionStorage.getItem('theme'); //console.log("this was triggered"); - document.getElementById("theme-toggle").innerHTML = "Dark Mode"; + // document.getElementById("theme-toggle").innerHTML = "Dark Mode"; } else { document.documentElement.setAttribute('data-theme', 'dark'); sessionStorage.setItem('theme', 'dark'); - document.getElementById("theme-toggle").innerHTML = "Light Mode"; + // document.getElementById("theme-toggle").innerHTML = "Light Mode"; } } if (theme === "dark") { document.documentElement.setAttribute('data-theme', 'dark'); sessionStorage.setItem('theme', 'dark'); - document.getElementById("theme-toggle").innerHTML = "Light Mode"; + document.getElementById("theme-toggle").checked = false; + // document.getElementById("theme-toggle").innerHTML = "Light Mode"; } else if (theme === "light") { document.documentElement.setAttribute('data-theme', 'light'); sessionStorage.setItem('theme', 'light'); - document.getElementById("theme-toggle").innerHTML = "Dark Mode"; + document.getElementById("theme-toggle").checked = true; + // document.getElementById("theme-toggle").innerHTML = "Dark Mode"; } \ No newline at end of file