Lanyon update

This commit is contained in:
Alexandre Vicenzi 2020-02-10 19:38:11 +01:00
parent a56b6f866f
commit 6283825517
28 changed files with 452 additions and 474 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 570 B

After

Width:  |  Height:  |  Size: 2.1 KiB

Before After
Before After

View file

@ -32,7 +32,7 @@
*/
html {
font-family: "PT Sans", Helvetica, Arial, sans-serif;
font-family: 'Open Sans', 'Roboto', Helvetica, Arial, sans-serif;
}
@media (min-width: 48em) {
html {
@ -66,7 +66,6 @@ html {
left: 0;
bottom: 0;
width: 18rem;
text-align: left;
}
}
@ -79,8 +78,8 @@ html {
.sidebar-about h1 {
color: #fff;
margin-top: 0;
font-family: "Abril Fatface", serif;
font-size: 3.25rem;
font-size: 2.25rem;
font-weight: 400;
}
/* Sidebar nav */
@ -99,22 +98,6 @@ a.sidebar-nav-item:focus {
font-weight: bold;
}
/* Sticky sidebar
*
* Add the `sidebar-sticky` class to the sidebar's container to affix it the
* contents to the bottom of the sidebar in tablets and up.
*/
@media (min-width: 48em) {
.sidebar-sticky {
position: absolute;
right: 1rem;
bottom: 1rem;
left: 1rem;
}
}
/* Container
*
* Align the contents of the site above the proper threshold with some margin-fu
@ -122,15 +105,35 @@ a.sidebar-nav-item:focus {
*/
.content {
padding-top: 4rem;
padding-bottom: 4rem;
padding-top: 2rem;
padding-bottom: 2rem;
min-height: 50%;
}
html,
body {
height: 100%;
width: 100%;
}
.copyright {
font-size: .7rem;
text-align: center;
}
footer {
height: 40px;
}
@media (min-width: 48em) {
.content {
max-width: 38rem;
margin-left: 20rem;
margin-right: 2rem;
margin-bottom: -40px;
min-height: 100%;
}
}
@ -141,110 +144,68 @@ a.sidebar-nav-item:focus {
}
}
/*
* Reverse layout
*
* Flip the orientation of the page by placing the `.sidebar` on the right.
*/
@media (min-width: 48em) {
.layout-reverse .sidebar {
left: auto;
right: 0;
}
.layout-reverse .content {
margin-left: 2rem;
margin-right: 20rem;
}
.img-circle {
border-radius: 50%;
}
@media (min-width: 64em) {
.layout-reverse .content {
margin-left: 4rem;
margin-right: 22rem;
}
.img-headshot {
border: 6px solid #fff;
height: 180px;
width: 180px;
}
/*
* Themes
*
* As of v1.1, Hyde includes optional themes to color the sidebar and links
* within blog posts. To use, add the class of your choosing to the `body`.
*/
/* Base16 (http://chriskempson.github.io/base16/#default) */
/* Red */
.theme-base-08 .sidebar {
background-color: #ac4142;
}
.theme-base-08 .content a,
.theme-base-08 .related-posts li a:hover {
color: #ac4142;
.center {
display: block;
margin-left: auto;
margin-right: auto;
}
/* Orange */
.theme-base-09 .sidebar {
background-color: #d28445;
}
.theme-base-09 .content a,
.theme-base-09 .related-posts li a:hover {
color: #d28445;
.sidebar {
background-color: #49757a;
color: #fff;
}
/* Yellow */
.theme-base-0a .sidebar {
background-color: #f4bf75;
}
.theme-base-0a .content a,
.theme-base-0a .related-posts li a:hover {
color: #f4bf75;
.sidebar a,
.sidebar-about h1 {
color: #fff;
}
/* Green */
.theme-base-0b .sidebar {
background-color: #90a959;
}
.theme-base-0b .content a,
.theme-base-0b .related-posts li a:hover {
color: #90a959;
footer a,
.content a,
.related-posts li a:hover {
color: #49757a;
}
/* Cyan */
.theme-base-0c .sidebar {
background-color: #75b5aa;
}
.theme-base-0c .content a,
.theme-base-0c .related-posts li a:hover {
color: #75b5aa;
.read-more-link {
margin-top: 1rem;
}
/* Blue */
.theme-base-0d .sidebar {
background-color: #6a9fb5;
}
.theme-base-0d .content a,
.theme-base-0d .related-posts li a:hover {
color: #6a9fb5;
.read-more-link a {
padding: 8px 16px;
border: 1px solid;
border-color: #49757a;
border-radius: 4px;
}
/* Magenta */
.theme-base-0e .sidebar {
background-color: #aa759f;
}
.theme-base-0e .content a,
.theme-base-0e .related-posts li a:hover {
color: #aa759f;
.read-more-link a:hover {
text-decoration: none;
}
/* Brown */
.theme-base-0f .sidebar {
background-color: #8f5536;
.pull-right {
float: right;
}
.theme-base-0f .content a,
.theme-base-0f .related-posts li a:hover {
color: #8f5536;
ul.posts {
list-style: none;
}
.social-icons,
.sidebar nav {
margin-top: 1rem;
}
.social-icons a,
.social-icons a:hover,
.social-icons a:focus {
text-decoration: none !important;
}

View file

@ -304,7 +304,7 @@ tbody tr:nth-child(odd) th {
.page,
.post {
margin-bottom: 4em;
margin-bottom: 2em;
}
/* Blog post or page title */

View file

@ -1,4 +1,4 @@
.sidebar {
.sidebar, .post-date {
display: none !important;
}

View file

@ -1,66 +0,0 @@
.hll { background-color: #ffffcc }
/*{ background: #f0f3f3; }*/
.c { color: #999; } /* Comment */
.err { color: #AA0000; background-color: #FFAAAA } /* Error */
.k { color: #006699; } /* Keyword */
.o { color: #555555 } /* Operator */
.cm { color: #0099FF; font-style: italic } /* Comment.Multiline */
.cp { color: #009999 } /* Comment.Preproc */
.c1 { color: #999; } /* Comment.Single */
.cs { color: #999; } /* Comment.Special */
.gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */
.ge { font-style: italic } /* Generic.Emph */
.gr { color: #FF0000 } /* Generic.Error */
.gh { color: #003300; } /* Generic.Heading */
.gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */
.go { color: #AAAAAA } /* Generic.Output */
.gp { color: #000099; } /* Generic.Prompt */
.gs { } /* Generic.Strong */
.gu { color: #003300; } /* Generic.Subheading */
.gt { color: #99CC66 } /* Generic.Traceback */
.kc { color: #006699; } /* Keyword.Constant */
.kd { color: #006699; } /* Keyword.Declaration */
.kn { color: #006699; } /* Keyword.Namespace */
.kp { color: #006699 } /* Keyword.Pseudo */
.kr { color: #006699; } /* Keyword.Reserved */
.kt { color: #007788; } /* Keyword.Type */
.m { color: #FF6600 } /* Literal.Number */
.s { color: #d44950 } /* Literal.String */
.na { color: #4f9fcf } /* Name.Attribute */
.nb { color: #336666 } /* Name.Builtin */
.nc { color: #00AA88; } /* Name.Class */
.no { color: #336600 } /* Name.Constant */
.nd { color: #9999FF } /* Name.Decorator */
.ni { color: #999999; } /* Name.Entity */
.ne { color: #CC0000; } /* Name.Exception */
.nf { color: #CC00FF } /* Name.Function */
.nl { color: #9999FF } /* Name.Label */
.nn { color: #00CCFF; } /* Name.Namespace */
.nt { color: #2f6f9f; } /* Name.Tag */
.nv { color: #003333 } /* Name.Variable */
.ow { color: #000000; } /* Operator.Word */
.w { color: #bbbbbb } /* Text.Whitespace */
.mf { color: #FF6600 } /* Literal.Number.Float */
.mh { color: #FF6600 } /* Literal.Number.Hex */
.mi { color: #FF6600 } /* Literal.Number.Integer */
.mo { color: #FF6600 } /* Literal.Number.Oct */
.sb { color: #CC3300 } /* Literal.String.Backtick */
.sc { color: #CC3300 } /* Literal.String.Char */
.sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */
.s2 { color: #CC3300 } /* Literal.String.Double */
.se { color: #CC3300; } /* Literal.String.Escape */
.sh { color: #CC3300 } /* Literal.String.Heredoc */
.si { color: #AA0000 } /* Literal.String.Interpol */
.sx { color: #CC3300 } /* Literal.String.Other */
.sr { color: #33AAAA } /* Literal.String.Regex */
.s1 { color: #CC3300 } /* Literal.String.Single */
.ss { color: #FFCC33 } /* Literal.String.Symbol */
.bp { color: #336666 } /* Name.Builtin.Pseudo */
.vc { color: #003333 } /* Name.Variable.Class */
.vg { color: #003333 } /* Name.Variable.Global */
.vi { color: #003333 } /* Name.Variable.Instance */
.il { color: #FF6600 } /* Literal.Number.Integer.Long */
.css .o,
.css .o + .nt,
.css .nt + .nt { color: #999; }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 183 B

After

Width:  |  Height:  |  Size: 525 B

Before After
Before After

91
static/icon.svg Normal file
View file

@ -0,0 +1,91 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="32"
height="32"
version="1.1"
id="svg19"
sodipodi:docname="iconfinder-icon.svg"
inkscape:version="0.92.3 (2405546, 2018-03-11)">
<metadata
id="metadata25">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs23" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1853"
inkscape:window-height="1025"
id="namedview21"
showgrid="false"
inkscape:zoom="7.375"
inkscape:cx="16"
inkscape:cy="16"
inkscape:window-x="67"
inkscape:window-y="27"
inkscape:window-maximized="1"
inkscape:current-layer="svg19" />
<title
id="title2" />
<desc
id="desc4" />
<g
id="g9">
<title
id="title6">background</title>
<rect
id="canvas_background"
height="402"
width="582"
y="-1"
x="-1"
fill="none" />
</g>
<g
id="g17"
transform="translate(5.8305085,1.4915254)">
<title
id="title11">Layer 1</title>
<path
id="Fill-1"
d="m 6.0775,3.8803 v 20.038 h 11.305 c 0.902,0 1.593,0.219 2.075,0.657 0.482,0.438 0.723,0.989 0.723,1.652 0,0.676 -0.238,1.224 -0.713,1.644 -0.476,0.419 -1.171,0.629 -2.085,0.629 H 3.9175 c -1.214,0 -2.087,-0.269 -2.619,-0.808 -0.532,-0.538 -0.798,-1.408 -0.798,-2.61 V 3.8803 c 0,-1.127 0.253,-1.972 0.76,-2.535 0.507,-0.564 1.174,-0.845 2,-0.845 0.839,0 1.518,0.278 2.038,0.835 0.519,0.558 0.779,1.406 0.779,2.545"
inkscape:connector-curvature="0"
style="fill:#f42f42" />
<path
id="Stroke-3"
d="m 6.0775,3.8803 v 20.038 h 11.305 c 0.902,0 1.593,0.219 2.075,0.657 0.482,0.438 0.723,0.989 0.723,1.652 0,0.676 -0.238,1.224 -0.713,1.644 -0.476,0.419 -1.171,0.629 -2.085,0.629 H 3.9175 c -1.214,0 -2.087,-0.269 -2.619,-0.808 -0.532,-0.538 -0.798,-1.408 -0.798,-2.61 V 3.8803 c 0,-1.127 0.253,-1.972 0.76,-2.535 0.507,-0.564 1.174,-0.845 2,-0.845 0.839,0 1.518,0.278 2.038,0.835 0.519,0.558 0.779,1.406 0.779,2.545 z"
inkscape:connector-curvature="0"
style="fill:#49757a;stroke:#000000" />
<path
id="Stroke-5"
d="m 2.3755,2.3477 c 0.154,-0.172 0.381,-0.348 0.885,-0.348"
inkscape:connector-curvature="0"
style="stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1, 2, 6, 2, 3" />
<path
id="Fill-7"
d="m 19.1363,26.4961 c -0.379,0.334 -0.97,0.504 -1.754,0.504 H 3.9173 c -1.069,0 -1.831,-0.222 -2.263,-0.659 -0.435,-0.44 -0.655,-1.199 -0.655,-2.259 v 1 c 0,1.06 0.22,1.819 0.655,2.259 0.432,0.437 1.194,0.659 2.263,0.659 h 13.465 c 0.784,0 1.375,-0.17 1.754,-0.504 0.367,-0.323 0.545,-0.738 0.545,-1.269 0,-0.177 -0.03,-0.339 -0.073,-0.494 -0.081,0.297 -0.232,0.552 -0.472,0.763"
inkscape:connector-curvature="0"
style="opacity:0.20376599;fill:#1c494e" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.5 KiB