webpage fix

- fix: use code instead of pre tags,
- hard copy instead of iframe (github compat),
- add A. Quemy tutorial links.
This commit is contained in:
Johann Dreo 2020-05-09 16:08:33 +02:00
commit decda23977
2 changed files with 415 additions and 47 deletions

View file

@ -276,23 +276,52 @@ figcaption {
margin-left:5%;
}
iframe.code {
.code {
width:95%;
height:35em;
resize:vertical;
overflow-y:scroll;
box-shadow: 5px 10px 18px #ddd;
box-shadow: 5px 10px 18px #aaa;
background-color:#2b2b2b;
color: #d4cfc9;
border:thin solid black;
white-space: pre;
}
iframe.table {
.vimCodeElement { /* white-space: pre-wrap; */ font-family: monospace; color: #d4cfc9; background-color: #2b2b2b; }
.String { color: #cc7844; background-color: #272935; padding-bottom: 1px; }
.Character { color: #da4939; }
.Number { color: #519f50; }
.LineNr { color: #6b758f; background-color: #272935; padding-bottom: 1px; }
.Statement { color: #da4939; font-weight: bold; }
.Type { color: #6d9cbe; }
.Repeat { color: #da4939; }
.Include { color: #6d9cbe; }
.Exception { color: #da4939; }
.StorageClass { color: #ffc66d; }
.cppOperator { color: #b6b3eb; }
.cppSTL { color: #f4f1ed; }
.cppBraces { color: #ffc66d; }
.cppStatement { color: #ffc66d; }
.cppEndline { color: #6b758f; }
.table {
padding:1em;
border:thin solid lightgray;
box-shadow: 5px 10px 18px #ddd;
width:60%;
max-width: 30em;
max-width: 40em;
margin-left:20%
}
figure.table table {
width:100%;
}
a.comment-indicator:hover + comment { background:#ffd; position:absolute; display:block; border:1px solid black; padding:0.5em; }
a.comment-indicator { background:red; display:inline-block; border:1px solid black; width:0.5em; height:0.5em; }
comment { display:none; }
@media only screen and (max-width: 800px) {
#alt {
clear:left;