Website generation with Couscous

This commit is contained in:
Milos Stojanovic
2022-09-19 21:02:24 +02:00
parent 4c95513845
commit 083bbe8994
21 changed files with 417 additions and 1638 deletions

File diff suppressed because one or more lines are too long

104
css/highlight.dark.css Normal file
View File

@@ -0,0 +1,104 @@
/*
Dark style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
*/
.hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
background: #444;
-webkit-text-size-adjust: none;
}
.hljs-keyword,
.hljs-literal,
.hljs-change,
.hljs-winutils,
.hljs-flow,
.nginx .hljs-title,
.tex .hljs-special {
color: white;
}
.hljs,
.hljs-subst {
color: #ddd;
}
.hljs-string,
.hljs-title,
.hljs-type,
.ini .hljs-title,
.hljs-tag .hljs-value,
.css .hljs-rules .hljs-value,
.hljs-preprocessor,
.hljs-pragma,
.ruby .hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.ruby .hljs-class .hljs-parent,
.hljs-built_in,
.django .hljs-template_tag,
.django .hljs-variable,
.smalltalk .hljs-class,
.hljs-javadoc,
.ruby .hljs-string,
.django .hljs-filter .hljs-argument,
.smalltalk .hljs-localvars,
.smalltalk .hljs-array,
.hljs-attr_selector,
.hljs-pseudo,
.hljs-addition,
.hljs-stream,
.hljs-envvar,
.apache .hljs-tag,
.apache .hljs-cbracket,
.tex .hljs-command,
.hljs-prompt,
.coffeescript .hljs-attribute {
color: #d88;
}
.hljs-comment,
.hljs-annotation,
.hljs-decorator,
.hljs-pi,
.hljs-doctype,
.hljs-deletion,
.hljs-shebang,
.apache .hljs-sqbracket,
.tex .hljs-formula {
color: #777;
}
.hljs-keyword,
.hljs-literal,
.hljs-title,
.css .hljs-id,
.hljs-phpdoc,
.hljs-dartdoc,
.hljs-type,
.vbscript .hljs-built_in,
.rsl .hljs-built_in,
.smalltalk .hljs-class,
.diff .hljs-header,
.hljs-chunk,
.hljs-winutils,
.bash .hljs-variable,
.apache .hljs-tag,
.tex .hljs-special,
.hljs-request,
.hljs-status {
font-weight: bold;
}
.coffeescript .javascript,
.javascript .xml,
.tex .hljs-formula,
.xml .javascript,
.xml .vbscript,
.xml .css,
.xml .hljs-cdata {
opacity: 0.5;
}

View File

@@ -1,45 +0,0 @@
/* Tomorrow Night Theme */
/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
/* Original theme - https://github.com/chriskempson/tomorrow-theme */
/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
.tomorrow-comment, pre .comment, pre .title {
color: #969896;
}
.tomorrow-red, pre .variable, pre .attribute, pre .tag, pre .regexp, pre .ruby .constant, pre .xml .tag .title, pre .xml .pi, pre .xml .doctype, pre .html .doctype, pre .css .id, pre .css .class, pre .css .pseudo {
color: #cc6666;
}
.tomorrow-orange, pre .number, pre .preprocessor, pre .built_in, pre .literal, pre .params, pre .constant {
color: #de935f;
}
.tomorrow-yellow, pre .class, pre .ruby .class .title, pre .css .rules .attribute {
color: #f0c674;
}
.tomorrow-green, pre .string, pre .value, pre .inheritance, pre .header, pre .ruby .symbol, pre .xml .cdata {
color: #b5bd68;
}
.tomorrow-aqua, pre .css .hexcolor {
color: #8abeb7;
}
.tomorrow-blue, pre .function, pre .python .decorator, pre .python .title, pre .ruby .function .title, pre .ruby .title .keyword, pre .perl .sub, pre .javascript .title, pre .coffeescript .title {
color: #81a2be;
}
.tomorrow-purple, pre .keyword, pre .javascript .function {
color: #b294bb;
}
pre code {
display: block;
background: #1d1f21;
color: #c5c8c6;
font-family: Menlo, Monaco, Consolas, monospace;
line-height: 1.5;
border: 1px solid #ccc;
padding: 10px;
}

View File

@@ -1,5 +1,15 @@
html {
position: relative;
min-height: 100%;
}
body {
font-size: 20px;
font-size: 19px;
}
@media (min-width: 1200px) {
.container {
width: 970px;
}
}
main {
@@ -7,26 +17,43 @@ main {
}
section {
margin-bottom: 50px;
margin-bottom: 120px;
}
h1, h2, h3, h4 {
color: #34b891;
footer {
position: absolute;
bottom: 0;
width: 100%;
background-color: #f5f5f5;
padding: 25px 0;
font-size: 15px;
text-align: center;
text-transform: uppercase;
opacity: 0.6;
transition: opacity .2s ease;
}
footer:hover {
opacity: 1.0;
transition: opacity .2s ease;
}
footer p {
margin: 0;
}
h3 {
font-size: 23px;
}
a, a:hover {
color: #34b891;
}
li {
margin-bottom: 3px;
}
img {
#content img {
max-width: 100%;
padding: 4px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
}
header.navbar {
@@ -35,27 +62,19 @@ header.navbar {
.navbar .navbar-brand {
font-size: 28px;
height: auto;
line-height: 50px;
line-height: 40px;
margin-left: 20px;
color: #34b891;
}
.navbar a.navbar-brand:hover {
color: #34b891;
}
.navbar .navbar-brand small {
font-size: 18px;
font-weight: 300;
margin-left: 10px;
color: white;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
background-color: #34b891;
}
@media (min-width: 768px) {
#sidebar {
position:absolute;
position:fixed;
margin-top: 30px;
}
}
@media (max-width: 960px) {
@@ -71,36 +90,16 @@ header.navbar {
margin-top: 0;
}
#sidebar .github-star {
margin-top: 20px;
margin-left: 50px;
}
#sidebar .text-muted {
color: #859AAF;
color: #bbbbbb;
}
pre {
padding: 0;
border-color: #3D5166;
background-color: #1D2B3A;
border-radius: 4px;
margin: 15px;
font-size: 15px;
}
pre code {
border: none;
background-color: #1D2B3A;
}
code {
font-size: 85%;
padding: 4px 4px 1px;
margin: 0 4px;
border-radius: 3px;
color: #c5c8c6;
border: solid 1px #3D5166;
background-color: #1D2B3A;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
word-wrap: break-word;
}