Large CSS cleanup tasks and added a background image.
This commit is contained in:
parent
8b6a67a43a
commit
75aa16bddb
12 changed files with 612 additions and 607 deletions
|
|
@ -2,7 +2,7 @@ document_root: /var/www/xw3.org/www/_site/
|
|||
data_dir: /var/www/xw3.org/www/_data/
|
||||
title: xw3.org
|
||||
subtitle: Extending the World Wide Web
|
||||
description: xw3 is a framework for building static web based applications using a <a href="https://en.wikipedia.org/wiki/Common_Gateway_Interface" class="ext" target="_blank">CGI</a> (Server) and JavaScript (Browser/Client) to implement dynamic features. The static website generator we use is <a href="https://jekyllrb.com/" class="ext" target="_blank">Jekyll</a>. The JavaScript library we are using is <a href="https://jquery.com/" class="ext" target="_blank">jQuery</a>. Take a look at the <a href="/examples/">examples</a>! Additionally there is a <a href="https://git.xw3.org/xw3/xw3/src/branch/main/Makefile" target="_blank" class="code">Makefile</a> included for easy deployment of the application/website.
|
||||
description: The xw3 project is this website, a framework for building static web based applications using a <a href="https://en.wikipedia.org/wiki/Common_Gateway_Interface" class="ext" target="_blank">CGI</a> (Server) and JavaScript (Browser/Client) to implement dynamic features. The static website generator we use is <a href="https://jekyllrb.com/" class="ext" target="_blank">Jekyll</a>. The JavaScript library we are using is <a href="https://jquery.com/" class="ext" target="_blank">jQuery</a>. Take a look at the <a href="/examples/">examples</a>! Additionally there is a <a href="https://git.xw3.org/xw3/xw3/src/branch/main/Makefile" target="_blank" class="code">Makefile</a> included for easy deployment of the application/website.
|
||||
keywords:
|
||||
- xw3
|
||||
- static
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ published: true
|
|||
author: hanez
|
||||
title: /status/
|
||||
date: 2024-05-29
|
||||
date_updated: 2024-10-16 12:00:21
|
||||
date_updated: 2024-11-26
|
||||
categories:
|
||||
- news
|
||||
- project
|
||||
|
|
@ -19,11 +19,11 @@ tags:
|
|||
|
||||
Development looks very slow here, but it isn't!
|
||||
|
||||
I am playing around a lot to define a more detailed concept. I have good ideas every day to make this software a helpful framework for low-level web application development.
|
||||
I am playing around a lot to define a more detailed concept. I have good ideas every day to make this software a helpful framework for low-level web-application development.
|
||||
|
||||
I have this running on some customer devices, but I can't publish the code. I try to make all of the code open-source, but I better reimplement things to make it open and free...
|
||||
|
||||
Actually, I am planning an authentication layer and session management. The challenge to me is, to make authentication and session information available to all languages \(Bash, C, Lua, PHP and Python basicly\). I have tons of ideas, but am not able to decide for a solution... :\(
|
||||
Actually, I am planning an authentication layer and session management. The challenge to me is, to make authentication and session information available to all languages \(Bash, C, Lua, PHP and Python basicly\). I have tons of ideas, but am not able to decide for a final solution... :\(
|
||||
|
||||
To make it clear, I am writing this project's code, because it is fun to me... It is an experiment! I want to learn more about CGI/FastCGI and primary the [Lua](https://www.lua.org/){:class="ext" target="_blank"} programming language.
|
||||
To make it clear, I am writing this project's code because it is fun to me... It is an experiment! I want to learn more about CGI/FastCGI and primary the [Lua](https://www.lua.org/){:class="ext" target="_blank"} programming language.
|
||||
|
||||
|
|
|
|||
279
_sass/_base.scss
279
_sass/_base.scss
|
|
@ -1,13 +1,3 @@
|
|||
@font-face {
|
||||
font-family: "CourierPrimeSans";
|
||||
src: url("../fonts/Courier-Prime-Sans.ttf");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "MDI";
|
||||
src: url("../fonts/materialdesignicons-webfont.woff2") format("woff2");
|
||||
}
|
||||
|
||||
html {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
|
@ -21,10 +11,10 @@ pre, hr, dl, dd, ol, ul, figure, span {
|
|||
|
||||
body {
|
||||
background-color: $background-color;
|
||||
//background-image: url("/images/camouflage.jpg");
|
||||
//background-repeat: no-repeat;
|
||||
//background-attachment: fixed;
|
||||
//background-size: 100%;
|
||||
background-image: url("/images/fractalized.jpg");
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-size: 100%;
|
||||
color: $text-color;
|
||||
font-family: $base-font-family;
|
||||
font-size: $base-font-size;
|
||||
|
|
@ -85,263 +75,6 @@ li {
|
|||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: $brand-color;
|
||||
//display: inline-block;
|
||||
//position: relative;
|
||||
}
|
||||
|
||||
a:link {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: $brand-color;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:focus,
|
||||
a:hover {
|
||||
color: $hover-color;
|
||||
text-decoration: none;
|
||||
text-shadow: $hover-color 0px 0px 6px;
|
||||
}
|
||||
|
||||
a:active {
|
||||
color: $hover-color;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
// https://stackoverflow.com/questions/2011142/how-to-change-the-style-of-the-title-attribute-inside-an-anchor-tag
|
||||
// https://css-tricks.com/css-content/
|
||||
/*a[title]:hover::after {
|
||||
background: rgba(0,0,0,1.0);
|
||||
//content: attr(title);
|
||||
//position: absolute;
|
||||
//top: -100%;
|
||||
//left: 0;
|
||||
border-radius: 0px;
|
||||
//border: 1px solid red;
|
||||
//color: #fff;
|
||||
//background: $brand-color;
|
||||
}*/
|
||||
|
||||
a.bug::after {
|
||||
content: "\F0A30";
|
||||
color: $base-icon-color;
|
||||
font-family: "MDI";
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.bug:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.chat::after {
|
||||
content: "\F0EDE";
|
||||
color: $base-icon-color;
|
||||
font-family: "MDI";
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.chat:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.code::after {
|
||||
content: "\F102B";
|
||||
color: $base-icon-color;
|
||||
font-family: "MDI";
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.code:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.commit::after {
|
||||
content: "\F05D6";
|
||||
color: $base-icon-color;
|
||||
font-family: "MDI";
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.commit:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.community::after {
|
||||
content: "\F112D";
|
||||
color: $base-icon-color;
|
||||
font-family: "MDI";
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.community:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.cube::after {
|
||||
content: "\F01A7";
|
||||
color: $base-icon-color;
|
||||
font-family: "MDI";
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.cube:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.document::after {
|
||||
content: "\F09EE";
|
||||
color: $base-icon-color;
|
||||
font-family: "MDI";
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.document:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.ext::after {
|
||||
content: "\F03CC";
|
||||
color: $base-icon-color;
|
||||
font-family: "MDI";
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.ext:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.file::after {
|
||||
content: "\F0224";
|
||||
color: $base-icon-color;
|
||||
font-family: "MDI";
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.file:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.git::after {
|
||||
content: "\F02A2";
|
||||
color: $base-icon-color;
|
||||
font-family: "MDI";
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.git:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.home::after {
|
||||
content: "\F06A1";
|
||||
color: $base-icon-color;
|
||||
font-family: "MDI";
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.home:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.love::after {
|
||||
content: "\F02D5";
|
||||
color: $base-icon-color;
|
||||
font-family: "MDI";
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.love:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.mail::after {
|
||||
content: "\F01F0";
|
||||
color: $base-icon-color;
|
||||
font-family: "MDI";
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.mail:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.privacy::after {
|
||||
content: "\F0CC8";
|
||||
color: $base-icon-color;
|
||||
font-family: "MDI";
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.privacy:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.rss::after {
|
||||
content: "\F046B";
|
||||
color: $base-icon-color;
|
||||
font-family: "MDI";
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.rss:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.search::after {
|
||||
content: "\F0349";
|
||||
color: $base-icon-color;
|
||||
font-family: "MDI";
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.search:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.user::after {
|
||||
content: "\F0013";
|
||||
color: $base-icon-color;
|
||||
font-family: "MDI";
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.user:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.wiki::after {
|
||||
content: "\F1CCC";
|
||||
color: $base-icon-color;
|
||||
font-family: "MDI";
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.wiki:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
p {
|
||||
padding: 0px 0px 14px 0px;
|
||||
}
|
||||
|
|
@ -370,7 +103,7 @@ pre {
|
|||
background-size: 2.8em 2.8em;
|
||||
border: 0px $grey-color solid;
|
||||
counter-reset: line;
|
||||
font-family: "CourierPrimeSans";
|
||||
font-family: $base-font-family;
|
||||
font-size: $base-font-size;
|
||||
// https://stackoverflow.com/questions/5840328/styling-each-line-inside-pre-with-css
|
||||
line-height: 1.4em;
|
||||
|
|
@ -383,7 +116,7 @@ pre {
|
|||
}
|
||||
|
||||
pre > code {
|
||||
font-family: "CourierPrimeSans";
|
||||
font-family: $base-font-family;
|
||||
font-size: $base-font-size;
|
||||
counter-increment: line;
|
||||
margin: 0 0 0 0;
|
||||
|
|
|
|||
9
_sass/_fonts.scss
Normal file
9
_sass/_fonts.scss
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
@font-face {
|
||||
font-family: "CPS";
|
||||
src: url("../fonts/Courier-Prime-Sans.ttf");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "MDI";
|
||||
src: url("../fonts/materialdesignicons-webfont.woff2") format("woff2");
|
||||
}
|
||||
84
_sass/_forms.scss
Normal file
84
_sass/_forms.scss
Normal file
|
|
@ -0,0 +1,84 @@
|
|||
#contactform {
|
||||
padding: 20px;
|
||||
border: 1px solid $grey-color;
|
||||
background: $grey-color-light;
|
||||
}
|
||||
|
||||
#contactform label, #contactform input, #contactform textarea {
|
||||
display: block;
|
||||
width: 97%;
|
||||
resize: none;
|
||||
}
|
||||
|
||||
#contactform textarea {
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
#contactform label { margin: 10px 0; }
|
||||
|
||||
#contactform label:first-child { margin-top: 0; }
|
||||
|
||||
#contactform input, #contactform textarea {
|
||||
font-family: $base-font-family;
|
||||
font-size: $base-font-size;
|
||||
line-height: $base-line-height;
|
||||
font-weight: 300;
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
border: 1px solid $grey-color;
|
||||
}
|
||||
|
||||
#contactform input[type=submit] {
|
||||
border: 0;
|
||||
color: #fff;
|
||||
background: $brand-color;
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#contactform input[type=submit]:hover {
|
||||
background: $headline-color;
|
||||
}
|
||||
|
||||
#searchform {
|
||||
padding: 20px;
|
||||
border: 1px solid $grey-color;
|
||||
background: $grey-color-light;
|
||||
}
|
||||
|
||||
#searchform label, #searchform input, #searchform textarea {
|
||||
display: block;
|
||||
width: 97%;
|
||||
resize: none;
|
||||
}
|
||||
|
||||
#searchform textarea {
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
#searchform label { margin: 10px 0; }
|
||||
|
||||
#searchform label:first-child { margin-top: 0; }
|
||||
|
||||
#searchform input, #searchform textarea {
|
||||
font-family: $base-font-family;
|
||||
font-size: $base-font-size;
|
||||
line-height: $base-line-height;
|
||||
font-weight: 300;
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
border: 1px solid $grey-color;
|
||||
}
|
||||
|
||||
#searchform input[type=submit] {
|
||||
border: 0;
|
||||
color: #fff;
|
||||
background: $brand-color;
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#searchform input[type=submit]:hover {
|
||||
background: $headline-color;
|
||||
}
|
||||
|
||||
61
_sass/_highlight.scss
Normal file
61
_sass/_highlight.scss
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
/*.highlight { background: #ffffff; }*/
|
||||
.highlight .c { color: #999988; font-style: italic } /* Comment */
|
||||
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
|
||||
.highlight .k { font-weight: bold } /* Keyword */
|
||||
.highlight .o { font-weight: bold } /* Operator */
|
||||
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
|
||||
.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
|
||||
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
|
||||
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
|
||||
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
|
||||
.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
|
||||
.highlight .ge { font-style: italic } /* Generic.Emph */
|
||||
.highlight .gr { color: #aa0000 } /* Generic.Error */
|
||||
.highlight .gh { color: #999999 } /* Generic.Heading */
|
||||
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
|
||||
.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
|
||||
.highlight .go { color: #888888 } /* Generic.Output */
|
||||
.highlight .gp { color: #555555 } /* Generic.Prompt */
|
||||
.highlight .gs { font-weight: bold } /* Generic.Strong */
|
||||
.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
|
||||
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
|
||||
.highlight .kc { font-weight: bold } /* Keyword.Constant */
|
||||
.highlight .kd { font-weight: bold } /* Keyword.Declaration */
|
||||
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
|
||||
.highlight .kr { font-weight: bold } /* Keyword.Reserved */
|
||||
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
|
||||
.highlight .m { color: #009999 } /* Literal.Number */
|
||||
.highlight .s { color: #d14 } /* Literal.String */
|
||||
.highlight .na { color: #008080 } /* Name.Attribute */
|
||||
.highlight .nb { color: #0086B3 } /* Name.Builtin */
|
||||
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
|
||||
.highlight .no { color: #008080 } /* Name.Constant */
|
||||
.highlight .ni { color: #800080 } /* Name.Entity */
|
||||
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
|
||||
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
|
||||
.highlight .nn { color: #555555 } /* Name.Namespace */
|
||||
.highlight .nt { color: #000080 } /* Name.Tag */
|
||||
.highlight .nv { color: #008080 } /* Name.Variable */
|
||||
.highlight .ow { font-weight: bold } /* Operator.Word */
|
||||
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
|
||||
.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 .sb { color: #d14 } /* Literal.String.Backtick */
|
||||
.highlight .sc { color: #d14 } /* Literal.String.Char */
|
||||
.highlight .sd { color: #d14 } /* Literal.String.Doc */
|
||||
.highlight .s2 { color: #d14 } /* Literal.String.Double */
|
||||
.highlight .se { color: #d14 } /* Literal.String.Escape */
|
||||
.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
|
||||
.highlight .si { color: #d14 } /* Literal.String.Interpol */
|
||||
.highlight .sx { color: #d14 } /* Literal.String.Other */
|
||||
.highlight .sr { color: #009926 } /* Literal.String.Regex */
|
||||
.highlight .s1 { color: #d14 } /* Literal.String.Single */
|
||||
.highlight .ss { color: #990073 } /* Literal.String.Symbol */
|
||||
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
|
||||
.highlight .vc { color: #008080 } /* Name.Variable.Class */
|
||||
.highlight .vg { color: #008080 } /* Name.Variable.Global */
|
||||
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
|
||||
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
|
||||
|
||||
44
_sass/_isso.scss
Normal file
44
_sass/_isso.scss
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
.isso-input-wrapper {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 238px;
|
||||
}
|
||||
|
||||
.isso-input-wrapper input {
|
||||
box-shadow: 0 0 0 0;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.isso-input-wrapper input[type="email"] {
|
||||
box-shadow: 0 0 0 0;
|
||||
}
|
||||
|
||||
.isso-input-wrapper input[type="text"] {
|
||||
box-shadow: 0 0 0 0;
|
||||
}
|
||||
|
||||
.isso-textarea-wrapper textarea {
|
||||
border-radius: 0;
|
||||
box-shadow: 0 0 0 0;
|
||||
}
|
||||
|
||||
#isso-postbox-author, #isso-postbox-email, #isso-postbox-website, .isso-post-action input, .isso-textarea {
|
||||
border-radius: 0;
|
||||
font-family: $base-font-family;
|
||||
font-size: $base-font-size;
|
||||
}
|
||||
|
||||
.isso-post-action input[type=button], .isso-post-action input[type=submit] {
|
||||
border: 0;
|
||||
color: #fff;
|
||||
background: $brand-color;
|
||||
cursor: pointer;
|
||||
margin-top: 3px;
|
||||
padding: 6px 18px 6px 18px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.isso-post-action input[type=button]:hover, .isso-post-action input[type=submit]:hover {
|
||||
background: $headline-color;
|
||||
}
|
||||
|
||||
|
|
@ -1,83 +1,83 @@
|
|||
.site {
|
||||
//border-radius: 12px 12px;
|
||||
border: 0px solid #000;
|
||||
background-color: #fff;
|
||||
max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
|
||||
max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-top: 4px;
|
||||
margin-bottom: 4px;
|
||||
//box-shadow: 0px 0px 3px #000;
|
||||
//border-radius: 12px 12px;
|
||||
border: 0px solid #000;
|
||||
background-color: #fff;
|
||||
max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
|
||||
max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-top: 4px;
|
||||
margin-bottom: 4px;
|
||||
//box-shadow: 0px 0px 3px #000;
|
||||
}
|
||||
|
||||
.pagination {
|
||||
margin-top: $spacing-unit;
|
||||
margin-bottom: $spacing-unit;
|
||||
text-align: center;
|
||||
margin-top: $spacing-unit;
|
||||
margin-bottom: $spacing-unit;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.site-header {
|
||||
min-height: 56px;
|
||||
position: relative;
|
||||
min-height: 56px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.site-title {
|
||||
line-height: 56px;
|
||||
margin-bottom: 0;
|
||||
float: left;
|
||||
line-height: 56px;
|
||||
margin-bottom: 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.site-nav {
|
||||
float: right;
|
||||
z-index: 998;
|
||||
position: absolute;
|
||||
top: 18px;
|
||||
right: 18px;
|
||||
background-color: white;
|
||||
border: 1px solid $brand-color;
|
||||
//border-radius: 6px;
|
||||
text-align: right;
|
||||
text-decoration: none;
|
||||
.menu-icon {
|
||||
display: block;
|
||||
float: right;
|
||||
z-index: 998;
|
||||
position: absolute;
|
||||
top: 18px;
|
||||
right: 18px;
|
||||
background-color: white;
|
||||
border: 1px solid $brand-color;
|
||||
//border-radius: 6px;
|
||||
text-align: right;
|
||||
width: 36px;
|
||||
height: 26px;
|
||||
line-height: 0;
|
||||
padding-top: 10px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
.menu-icon {
|
||||
display: block;
|
||||
float: right;
|
||||
width: 36px;
|
||||
height: 26px;
|
||||
line-height: 0;
|
||||
padding-top: 10px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
//> svg {
|
||||
// width: 18px;
|
||||
// height: 15px;
|
||||
// path {
|
||||
// fill: $grey-color-dark;
|
||||
// }
|
||||
//}
|
||||
> span {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 24px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
.trigger {
|
||||
clear: both;
|
||||
display: none;
|
||||
}
|
||||
&:hover .trigger {
|
||||
display: block;
|
||||
//padding-bottom: 5px;
|
||||
//text-decoration: none;
|
||||
//color: $brand-color;
|
||||
}
|
||||
.page-link {
|
||||
display: block;
|
||||
padding: 5px 10px;
|
||||
//> svg {
|
||||
// width: 18px;
|
||||
// height: 15px;
|
||||
// path {
|
||||
// fill: $grey-color-dark;
|
||||
// }
|
||||
//}
|
||||
> span {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 24px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
.trigger {
|
||||
clear: both;
|
||||
display: none;
|
||||
}
|
||||
&:hover .trigger {
|
||||
display: block;
|
||||
//padding-bottom: 5px;
|
||||
//text-decoration: none;
|
||||
//color: $brand-color;
|
||||
}
|
||||
.page-link {
|
||||
display: block;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/*.ham-menu {
|
||||
|
|
@ -108,29 +108,29 @@
|
|||
}*/
|
||||
|
||||
.site-footer {
|
||||
margin: calc($spacing-unit / 4);
|
||||
//border-radius: 12px 12px;
|
||||
//background-color: $grey-color-light;
|
||||
//border: 1px solid $grey-color;
|
||||
margin: calc($spacing-unit / 4);
|
||||
//border-radius: 12px 12px;
|
||||
//background-color: $grey-color-light;
|
||||
//border: 1px solid $grey-color;
|
||||
}
|
||||
|
||||
.footer-col-wrapper {
|
||||
margin-left: calc($spacing-unit / 2);
|
||||
@extend %clearfix;
|
||||
margin-left: calc($spacing-unit / 2);
|
||||
@extend %clearfix;
|
||||
}
|
||||
|
||||
.footer-col {
|
||||
float: left;
|
||||
margin-bottom: calc($spacing-unit / 2);
|
||||
padding-left: calc($spacing-unit / 2);
|
||||
float: left;
|
||||
margin-bottom: calc($spacing-unit / 2);
|
||||
padding-left: calc($spacing-unit / 2);
|
||||
}
|
||||
|
||||
@include media-query($on-palm) {
|
||||
.footer-col {
|
||||
float: none;
|
||||
width: -webkit-calc(100% - (#{$spacing-unit} / 2));
|
||||
width: calc(100% - (#{$spacing-unit} / 2));
|
||||
}
|
||||
.footer-col {
|
||||
float: none;
|
||||
width: -webkit-calc(100% - (#{$spacing-unit} / 2));
|
||||
width: calc(100% - (#{$spacing-unit} / 2));
|
||||
}
|
||||
}
|
||||
|
||||
.page-content {
|
||||
|
|
@ -142,37 +142,37 @@
|
|||
}
|
||||
|
||||
.post-list {
|
||||
margin-left: 0;
|
||||
list-style: none;
|
||||
> li {
|
||||
margin-bottom: $spacing-unit;
|
||||
}
|
||||
margin-left: 0;
|
||||
list-style: none;
|
||||
> li {
|
||||
margin-bottom: $spacing-unit;
|
||||
}
|
||||
}
|
||||
|
||||
.post-meta {
|
||||
font-size: $small-font-size;
|
||||
color: $grey-color;
|
||||
font-size: $small-font-size;
|
||||
color: $grey-color;
|
||||
}
|
||||
|
||||
.post-link {
|
||||
display: block;
|
||||
font-size: 24px;
|
||||
display: block;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.post-header {
|
||||
margin-bottom: $spacing-unit;
|
||||
margin-bottom: $spacing-unit;
|
||||
}
|
||||
|
||||
.post-title {
|
||||
letter-spacing: -1px;
|
||||
line-height: 1;
|
||||
@include media-query($on-laptop) {
|
||||
letter-spacing: -1px;
|
||||
line-height: 1;
|
||||
@include media-query($on-laptop) {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.post-content {
|
||||
margin-bottom: $spacing-unit;
|
||||
margin-bottom: $spacing-unit;
|
||||
}
|
||||
|
||||
.post-content img {
|
||||
|
|
@ -202,29 +202,29 @@
|
|||
padding-bottom: 0;
|
||||
@extend %clearfix;
|
||||
@include media-query($on-laptop) {
|
||||
max-width: calc(#{$content-width} - (#{$spacing-unit}));
|
||||
padding-right: calc($spacing-unit / 2);
|
||||
padding-left: calc($spacing-unit / 2);
|
||||
max-width: calc(#{$content-width} - (#{$spacing-unit}));
|
||||
padding-right: calc($spacing-unit / 2);
|
||||
padding-left: calc($spacing-unit / 2);
|
||||
}
|
||||
}
|
||||
|
||||
%clearfix {
|
||||
&:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
.icon {
|
||||
> svg {
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
vertical-align: middle;
|
||||
path {
|
||||
fill: $grey-color;
|
||||
}
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
vertical-align: middle;
|
||||
path {
|
||||
fill: $grey-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -267,37 +267,37 @@ span.cursor {
|
|||
|
||||
@keyframes "blink" bold {
|
||||
from, to {
|
||||
color: transparent;
|
||||
color: transparent;
|
||||
}
|
||||
50% {
|
||||
color: black;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes "blink" bold {
|
||||
from, to {
|
||||
color: transparent;
|
||||
color: transparent;
|
||||
}
|
||||
50% {
|
||||
color: black;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes "blink" bold {
|
||||
from, to {
|
||||
color: transparent;
|
||||
color: transparent;
|
||||
}
|
||||
50% {
|
||||
color: black;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes "blink" {
|
||||
from, to {
|
||||
color: transparent;
|
||||
color: transparent;
|
||||
}
|
||||
50% {
|
||||
color: black;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -345,90 +345,6 @@ span.cursor {
|
|||
background: $headline-color;
|
||||
}
|
||||
|
||||
#contactform {
|
||||
padding: 20px;
|
||||
border: 1px solid $grey-color;
|
||||
background: $grey-color-light;
|
||||
}
|
||||
|
||||
#contactform label, #contactform input, #contactform textarea {
|
||||
display: block;
|
||||
width: 97%;
|
||||
resize: none;
|
||||
}
|
||||
|
||||
#contactform textarea {
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
#contactform label { margin: 10px 0; }
|
||||
|
||||
#contactform label:first-child { margin-top: 0; }
|
||||
|
||||
#contactform input, #contactform textarea {
|
||||
font-family: $base-font-family;
|
||||
font-size: $base-font-size;
|
||||
line-height: $base-line-height;
|
||||
font-weight: 300;
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
border: 1px solid $grey-color;
|
||||
}
|
||||
|
||||
#contactform input[type=submit] {
|
||||
border: 0;
|
||||
color: #fff;
|
||||
background: $brand-color;
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#contactform input[type=submit]:hover {
|
||||
background: $headline-color;
|
||||
}
|
||||
|
||||
#searchform {
|
||||
padding: 20px;
|
||||
border: 1px solid $grey-color;
|
||||
background: $grey-color-light;
|
||||
}
|
||||
|
||||
#searchform label, #searchform input, #searchform textarea {
|
||||
display: block;
|
||||
width: 97%;
|
||||
resize: none;
|
||||
}
|
||||
|
||||
#searchform textarea {
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
#searchform label { margin: 10px 0; }
|
||||
|
||||
#searchform label:first-child { margin-top: 0; }
|
||||
|
||||
#searchform input, #searchform textarea {
|
||||
font-family: $base-font-family;
|
||||
font-size: $base-font-size;
|
||||
line-height: $base-line-height;
|
||||
font-weight: 300;
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
border: 1px solid $grey-color;
|
||||
}
|
||||
|
||||
#searchform input[type=submit] {
|
||||
border: 0;
|
||||
color: #fff;
|
||||
background: $brand-color;
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#searchform input[type=submit]:hover {
|
||||
background: $headline-color;
|
||||
}
|
||||
|
||||
.lds-dual-ring.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -454,15 +370,16 @@ span.cursor {
|
|||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
#terminal::before {
|
||||
content: "";
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
@keyframes flash {
|
||||
@keyframes flash {
|
||||
50% { opacity: 0; }
|
||||
}
|
||||
@keyframes reveal {
|
||||
|
|
@ -481,108 +398,3 @@ span.cursor {
|
|||
}
|
||||
}
|
||||
|
||||
.isso-input-wrapper {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 238px;
|
||||
}
|
||||
|
||||
.isso-input-wrapper input {
|
||||
box-shadow: 0 0 0 0;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.isso-input-wrapper input[type="email"] {
|
||||
box-shadow: 0 0 0 0;
|
||||
}
|
||||
|
||||
.isso-input-wrapper input[type="text"] {
|
||||
box-shadow: 0 0 0 0;
|
||||
}
|
||||
|
||||
.isso-textarea-wrapper textarea {
|
||||
border-radius: 0;
|
||||
box-shadow: 0 0 0 0;
|
||||
}
|
||||
|
||||
#isso-postbox-author, #isso-postbox-email, #isso-postbox-website, .isso-post-action input, .isso-textarea {
|
||||
border-radius: 0;
|
||||
font-family: $base-font-family;
|
||||
font-size: $base-font-size;
|
||||
}
|
||||
|
||||
.isso-post-action input[type=button], .isso-post-action input[type=submit] {
|
||||
border: 0;
|
||||
color: #fff;
|
||||
background: $brand-color;
|
||||
cursor: pointer;
|
||||
margin-top: 3px;
|
||||
padding: 6px 18px 6px 18px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.isso-post-action input[type=button]:hover, .isso-post-action input[type=submit]:hover {
|
||||
background: $headline-color;
|
||||
}
|
||||
|
||||
/*.highlight { background: #ffffff; }*/
|
||||
.highlight .c { color: #999988; font-style: italic } /* Comment */
|
||||
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
|
||||
.highlight .k { font-weight: bold } /* Keyword */
|
||||
.highlight .o { font-weight: bold } /* Operator */
|
||||
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
|
||||
.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
|
||||
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
|
||||
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
|
||||
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
|
||||
.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
|
||||
.highlight .ge { font-style: italic } /* Generic.Emph */
|
||||
.highlight .gr { color: #aa0000 } /* Generic.Error */
|
||||
.highlight .gh { color: #999999 } /* Generic.Heading */
|
||||
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
|
||||
.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
|
||||
.highlight .go { color: #888888 } /* Generic.Output */
|
||||
.highlight .gp { color: #555555 } /* Generic.Prompt */
|
||||
.highlight .gs { font-weight: bold } /* Generic.Strong */
|
||||
.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
|
||||
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
|
||||
.highlight .kc { font-weight: bold } /* Keyword.Constant */
|
||||
.highlight .kd { font-weight: bold } /* Keyword.Declaration */
|
||||
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
|
||||
.highlight .kr { font-weight: bold } /* Keyword.Reserved */
|
||||
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
|
||||
.highlight .m { color: #009999 } /* Literal.Number */
|
||||
.highlight .s { color: #d14 } /* Literal.String */
|
||||
.highlight .na { color: #008080 } /* Name.Attribute */
|
||||
.highlight .nb { color: #0086B3 } /* Name.Builtin */
|
||||
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
|
||||
.highlight .no { color: #008080 } /* Name.Constant */
|
||||
.highlight .ni { color: #800080 } /* Name.Entity */
|
||||
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
|
||||
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
|
||||
.highlight .nn { color: #555555 } /* Name.Namespace */
|
||||
.highlight .nt { color: #000080 } /* Name.Tag */
|
||||
.highlight .nv { color: #008080 } /* Name.Variable */
|
||||
.highlight .ow { font-weight: bold } /* Operator.Word */
|
||||
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
|
||||
.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 .sb { color: #d14 } /* Literal.String.Backtick */
|
||||
.highlight .sc { color: #d14 } /* Literal.String.Char */
|
||||
.highlight .sd { color: #d14 } /* Literal.String.Doc */
|
||||
.highlight .s2 { color: #d14 } /* Literal.String.Double */
|
||||
.highlight .se { color: #d14 } /* Literal.String.Escape */
|
||||
.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
|
||||
.highlight .si { color: #d14 } /* Literal.String.Interpol */
|
||||
.highlight .sx { color: #d14 } /* Literal.String.Other */
|
||||
.highlight .sr { color: #009926 } /* Literal.String.Regex */
|
||||
.highlight .s1 { color: #d14 } /* Literal.String.Single */
|
||||
.highlight .ss { color: #990073 } /* Literal.String.Symbol */
|
||||
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
|
||||
.highlight .vc { color: #008080 } /* Name.Variable.Class */
|
||||
.highlight .vg { color: #008080 } /* Name.Variable.Global */
|
||||
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
|
||||
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
|
||||
|
||||
|
|
|
|||
257
_sass/_links.scss
Normal file
257
_sass/_links.scss
Normal file
|
|
@ -0,0 +1,257 @@
|
|||
a {
|
||||
color: $brand-color;
|
||||
//display: inline-block;
|
||||
//position: relative;
|
||||
}
|
||||
|
||||
a:link {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: $brand-color;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:focus,
|
||||
a:hover {
|
||||
color: $hover-color;
|
||||
text-decoration: none;
|
||||
text-shadow: $hover-color 0px 0px 6px;
|
||||
}
|
||||
|
||||
a:active {
|
||||
color: $hover-color;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
// https://stackoverflow.com/questions/2011142/how-to-change-the-style-of-the-title-attribute-inside-an-anchor-tag
|
||||
// https://css-tricks.com/css-content/
|
||||
/*a[title]:hover::after {
|
||||
background: rgba(0,0,0,1.0);
|
||||
//content: attr(title);
|
||||
//position: absolute;
|
||||
//top: -100%;
|
||||
//left: 0;
|
||||
border-radius: 0px;
|
||||
//border: 1px solid red;
|
||||
//color: #fff;
|
||||
//background: $brand-color;
|
||||
}*/
|
||||
|
||||
a.bug::after {
|
||||
content: "\F0A30";
|
||||
color: $base-icon-color;
|
||||
font-family: $base-icon-font-family;
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.bug:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.chat::after {
|
||||
content: "\F0EDE";
|
||||
color: $base-icon-color;
|
||||
font-family: $base-icon-font-family;
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.chat:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.code::after {
|
||||
content: "\F102B";
|
||||
color: $base-icon-color;
|
||||
font-family: $base-icon-font-family;
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.code:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.commit::after {
|
||||
content: "\F05D6";
|
||||
color: $base-icon-color;
|
||||
font-family: $base-icon-font-family;
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.commit:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.community::after {
|
||||
content: "\F112D";
|
||||
color: $base-icon-color;
|
||||
font-family: $base-icon-font-family;
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.community:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.cube::after {
|
||||
content: "\F01A7";
|
||||
color: $base-icon-color;
|
||||
font-family: $base-icon-font-family;
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.cube:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.document::after {
|
||||
content: "\F09EE";
|
||||
color: $base-icon-color;
|
||||
font-family: $base-icon-font-family;
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.document:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.ext::after {
|
||||
content: "\F03CC";
|
||||
color: $base-icon-color;
|
||||
font-family: $base-icon-font-family;
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.ext:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.file::after {
|
||||
content: "\F0224";
|
||||
color: $base-icon-color;
|
||||
font-family: $base-icon-font-family;
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.file:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.git::after {
|
||||
content: "\F02A2";
|
||||
color: $base-icon-color;
|
||||
font-family: $base-icon-font-family;
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.git:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.home::after {
|
||||
content: "\F06A1";
|
||||
color: $base-icon-color;
|
||||
font-family: $base-icon-font-family;
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.home:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.love::after {
|
||||
content: "\F02D5";
|
||||
color: $base-icon-color;
|
||||
font-family: $base-icon-font-family;
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.love:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.mail::after {
|
||||
content: "\F01F0";
|
||||
color: $base-icon-color;
|
||||
font-family: $base-icon-font-family;
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.mail:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.privacy::after {
|
||||
content: "\F0CC8";
|
||||
color: $base-icon-color;
|
||||
font-family: $base-icon-font-family;
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.privacy:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.rss::after {
|
||||
content: "\F046B";
|
||||
color: $base-icon-color;
|
||||
font-family: $base-icon-font-family;
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.rss:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.search::after {
|
||||
content: "\F0349";
|
||||
color: $base-icon-color;
|
||||
font-family: $base-icon-font-family;
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.search:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.user::after {
|
||||
content: "\F0013";
|
||||
color: $base-icon-color;
|
||||
font-family: $base-icon-font-family;
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.user:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
a.wiki::after {
|
||||
content: "\F1CCC";
|
||||
color: $base-icon-color;
|
||||
font-family: $base-icon-font-family;
|
||||
font-size: $base-icon-size;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.wiki:hover::after {
|
||||
color: $hover-color;
|
||||
}
|
||||
|
||||
|
|
@ -95,7 +95,11 @@ permalink: /community/
|
|||
|
||||
<p>We will use Mastodon for announcements in the future: <a href="https://chaos.social/@xw3" target="_blank" class="ext">https://chaos.social/@xw3</a>.</p>
|
||||
|
||||
<h2>Matrix</h2>
|
||||
<h2>Others</h2>
|
||||
|
||||
<p>We believe that the communication channels mentioned above are sufficient for xw3 development. IRC, mailing lists and Mastodon provide you with the perfect entry points for discussions about xw3 development. Nothing more is needed.</p>
|
||||
|
||||
<h3>Matrix</h3>
|
||||
|
||||
<p>We do not and will never provide chat over the Matrix protocol in any way. Matrix sucks!</p>
|
||||
|
||||
|
|
|
|||
|
|
@ -2,31 +2,32 @@
|
|||
# Only the main Sass file needs front matter (the dashes are enough)
|
||||
---
|
||||
@charset "utf-8";
|
||||
$base-font-family: "CourierPrimeSans";
|
||||
$base-font-size: 16px;
|
||||
$small-font-size: $base-font-size * 0.875;
|
||||
$base-icon-size: 12px;
|
||||
$base-icon-color: #565656;
|
||||
$base-line-height: 1.6;
|
||||
$spacing-unit: 18px;
|
||||
$text-color: #000;
|
||||
$background-color: #565656;
|
||||
$headline-color: #bc6c21; //#b40000;
|
||||
$hover-color: #bc6c21;
|
||||
$topbutton-color: $headline-color;
|
||||
$brand-color: $background-color;
|
||||
$brand-color-light: lighten($brand-color, 40%);
|
||||
$grey-color: #828282;
|
||||
$grey-color-light: #e8e8e8;
|
||||
$grey-color-dark: #dbdbdb;
|
||||
$green-color: #3ab215;
|
||||
$tablehead-color: #bc6c21;
|
||||
$content-width: 1024px;
|
||||
$on-palm: 761px;
|
||||
$on-laptop: 1024px;
|
||||
$base-font-family: "CPS";
|
||||
$base-font-size: 16px;
|
||||
$small-font-size: $base-font-size * 0.875;
|
||||
$base-icon-font-family: "MDI";
|
||||
$base-icon-size: 12px;
|
||||
$base-icon-color: #565656;
|
||||
$base-line-height: 1.6;
|
||||
$spacing-unit: 18px;
|
||||
$text-color: #000;
|
||||
$background-color: #565656;
|
||||
$headline-color: #bc6c21; //#b40000;
|
||||
$hover-color: #bc6c21;
|
||||
$topbutton-color: $headline-color;
|
||||
$brand-color: $background-color;
|
||||
$brand-color-light: lighten($brand-color, 40%);
|
||||
$grey-color: #828282;
|
||||
$grey-color-light: #e8e8e8;
|
||||
$grey-color-dark: #dbdbdb;
|
||||
$green-color: #3ab215;
|
||||
$tablehead-color: #bc6c21;
|
||||
$content-width: 1024px;
|
||||
$on-palm: 761px;
|
||||
$on-laptop: 1024px;
|
||||
@mixin media-query($device) {
|
||||
@media screen and (max-width: $device) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@import "base", "layout", "toc";
|
||||
@import "base", "fonts", "forms", "highlight", "isso", "layout", "links", "toc";
|
||||
|
|
|
|||
BIN
images/fractalized.jpg
Normal file
BIN
images/fractalized.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 MiB |
Loading…
Add table
Add a link
Reference in a new issue