Mikescher/www.mikescher.com
1
0
Fork 0
Code Actions Activity

Added ProjectLawful-ebook downloads (blog::29)
All checks were successful
Build Docker and Deploy / Build Docker (push) Successful in 1m18s
Details
Build Docker and Deploy / Deploy to Server (push) Successful in 27s
Details

Browse Source
This commit is contained in:
Mike Schwörer
2023-09-11 19:59:07 +02:00
parent f7688a224b
commit 300992b49f
49 changed files with 689 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
www/data/css/styles.css
View File

@@ -1156,7 +1156,7 @@ html, body {
background: transparent !important;
}
.blogcontent_euler, .blogcontent_markdown, .blogcontent_plain {
.blogcontent_euler, .blogcontent_markdown, .blogcontent_plain, .blogcontent_aoclist, .blogcontent_html {
width: 90%;
}
@@ -2612,5 +2612,100 @@ html, body {
height: 150px;
}
}
.project-lawful-ebook-blogpost code {
background-color: rgba(0, 0, 0, 0.1);
border-radius: 2px;
padding-left: 2px;
padding-right: 2px;
}
.project-lawful-ebook-blogpost .variant {
display: grid;
grid-template-columns: repeat(6, auto) 1fr;
grid-template-rows: auto auto;
grid-column-gap: 1rem;
}
.project-lawful-ebook-blogpost .variant h3 {
grid-row: 1;
grid-column: 1/-1;
text-decoration: underline;
}
.project-lawful-ebook-blogpost .variant .dlbutton {
position: relative;
height: 100%;
padding: 0;
display: flex;
border: none;
}
.project-lawful-ebook-blogpost .variant .dlbutton img {
opacity: 0;
pointer-events: none;
user-select: none;
}
.project-lawful-ebook-blogpost .variant .dlbutton a {
display: grid;
grid-template-rows: 1fr auto auto;
grid-row-gap: 4px;
justify-content: center;
align-items: center;
justify-items: center;
padding: 0.5rem;
cursor: pointer;
text-decoration: none;
color: #DDDDDD;
background-color: #222222;
border-radius: 4px;
border: 1px solid black;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.project-lawful-ebook-blogpost .variant .dlbutton a:hover {
background-color: #555555;
}
.project-lawful-ebook-blogpost .variant .dlbutton a .span_dl {
font-weight: bold;
font-size: 1.33em;
}
.project-lawful-ebook-blogpost .variant .dlbutton a .span_mb {
font-size: 0.75em;
}
.project-lawful-ebook-blogpost .variant .dlbutton svg {
fill: #BBB;
}
.project-lawful-ebook-blogpost .variant img {
width: 100%;
border: 1px solid #555;
}
.project-lawful-ebook-blogpost .variant.alt-variants {
display: flex;
flex-direction: column;
gap: 4px;
}
.project-lawful-ebook-blogpost .dlbtn_alt {
display: grid;
grid-template-columns: 24px auto 1fr auto;
grid-column-gap: 1rem;
color: #DDDDDD;
background-color: #222222;
border: 1px solid black;
border-radius: 4px;
text-decoration: none;
cursor: pointer;
padding: 6px;
align-items: center;
}
.project-lawful-ebook-blogpost .dlbtn_alt:hover {
background-color: #555555;
}
.project-lawful-ebook-blogpost .dlbtn_alt svg {
fill: #BBB;
}
.project-lawful-ebook-blogpost .dlbtn_alt .span_mb {
font-size: 0.75em;
grid-column: 4;
}
/*# sourceMappingURL=styles.css.map */

18
www/data/css/styles.min.css vendored
View File

@@ -217,7 +217,7 @@ html,body{margin:0;padding:0;height:100%}
.mdtable_container{overflow-x:auto}
.notable{width:unset !important;border:none !important}
.notable th,.notable td,.notable tr{border:none !important;background:transparent !important}
.blogcontent_euler,.blogcontent_markdown,.blogcontent_plain{width:90%}
.blogcontent_euler,.blogcontent_markdown,.blogcontent_plain,.blogcontent_aoclist,.blogcontent_html{width:90%}
#PEB_tableProblems .PEB_tablerowProblems:hover{background-color:#999}
#PEB_tableProblems .PEB_TC_Value{font-family:Consolas,Monaco,"Courier New",Menlo,monospace}
#PEB_tableProblems .PEB_TC_Value:not(:hover){color:transparent;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
@@ -495,3 +495,19 @@ html,body{margin:0;padding:0;height:100%}
.bce_code_out .bce_code_out_left{flex-grow:0;height:100px}
.bce_code_out .bce_code_out_right{width:auto;height:150px}
}
.project-lawful-ebook-blogpost code{background-color:rgba(0,0,0,0.1);border-radius:2px;padding-left:2px;padding-right:2px}
.project-lawful-ebook-blogpost .variant{display:grid;grid-template-columns:repeat(6,auto) 1fr;grid-template-rows:auto auto;grid-column-gap:1rem}
.project-lawful-ebook-blogpost .variant h3{grid-row:1;grid-column:1/-1;text-decoration:underline}
.project-lawful-ebook-blogpost .variant .dlbutton{position:relative;height:100%;padding:0;display:flex;border:0}
.project-lawful-ebook-blogpost .variant .dlbutton img{opacity:0;pointer-events:none;user-select:none}
.project-lawful-ebook-blogpost .variant .dlbutton a{display:grid;grid-template-rows:1fr auto auto;grid-row-gap:4px;justify-content:center;align-items:center;justify-items:center;padding:.5rem;cursor:pointer;text-decoration:none;color:#ddd;background-color:#222;border-radius:4px;border:1px solid black;position:absolute;left:0;right:0;top:0;bottom:0}
.project-lawful-ebook-blogpost .variant .dlbutton a:hover{background-color:#555}
.project-lawful-ebook-blogpost .variant .dlbutton a .span_dl{font-weight:bold;font-size:1.33em}
.project-lawful-ebook-blogpost .variant .dlbutton a .span_mb{font-size:.75em}
.project-lawful-ebook-blogpost .variant .dlbutton svg{fill:#BBB}
.project-lawful-ebook-blogpost .variant img{width:100%;border:1px solid #555}
.project-lawful-ebook-blogpost .variant.alt-variants{display:flex;flex-direction:column;gap:4px}
.project-lawful-ebook-blogpost .dlbtn_alt{display:grid;grid-template-columns:24px auto 1fr auto;grid-column-gap:1rem;color:#ddd;background-color:#222;border:1px solid black;border-radius:4px;text-decoration:none;cursor:pointer;padding:6px;align-items:center}
.project-lawful-ebook-blogpost .dlbtn_alt:hover{background-color:#555}
.project-lawful-ebook-blogpost .dlbtn_alt svg{fill:#BBB}
.project-lawful-ebook-blogpost .dlbtn_alt .span_mb{font-size:.75em;grid-column:4}

4
www/data/css/styles.scss
View File

@@ -28,4 +28,6 @@
@import 'styles_bookspanel';
@import 'styles_bfjoustrunner';
@import 'styles_befungerunner';
@import 'styles_befungerunner';
@import 'styles_projectlawfulebook.scss';

2
www/data/css/styles_blogview.scss
View File

@@ -56,4 +56,4 @@
}
}
.blogcontent_euler, .blogcontent_markdown, .blogcontent_plain { width: 90%;}
.blogcontent_euler, .blogcontent_markdown, .blogcontent_plain, .blogcontent_aoclist, .blogcontent_html { width: 90%;}

123
www/data/css/styles_projectlawfulebook.scss Normal file
View File

@@ -0,0 +1,123 @@
@import 'styles_config';
.project-lawful-ebook-blogpost
{
code {
background-color: rgba(0, 0, 0, 0.1);
border-radius: 2px;
padding-left: 2px;
padding-right: 2px;
}
.variant {
display: grid;
grid-template-columns: repeat(6, auto) 1fr;
grid-template-rows: auto auto;
grid-column-gap: 1rem;
}
.variant h3 { grid-row: 1; grid-column: 1/-1; text-decoration: underline; }
.variant .dlbutton {
position: relative;
height: 100%;
padding: 0;
display: flex;
border:none;
}
.variant .dlbutton img {
opacity: 0;
pointer-events: none;
user-select: none;
}
.variant .dlbutton a {
display: grid;
grid-template-rows: 1fr auto auto;
grid-row-gap: 4px;
justify-content: center;
align-items: center;
justify-items: center;
padding: 0.5rem;
cursor: pointer;
text-decoration: none;
color: $COL_BUTTON_GENERIC_FG;
background-color: $COL_BUTTON_GENERIC_BG;
border-radius: 4px;
border: 1px solid black;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.variant .dlbutton a:hover {
background-color: $COL_BUTTON_GENERIC_HOVER;
}
.variant .dlbutton a .span_dl {
font-weight: bold;
font-size: 1.33em;
}
.variant .dlbutton a .span_mb {
font-size: 0.75em;
}
.variant .dlbutton svg {
fill: #BBB;
}
.variant img {
width: 100%;
border: 1px solid #555;
}
}
.project-lawful-ebook-blogpost
{
.variant.alt-variants {
display: flex;
flex-direction: column;
gap: 4px;
}
.dlbtn_alt {
display: grid;
grid-template-columns: 24px auto 1fr auto;
grid-column-gap: 1rem;
color: $COL_BUTTON_GENERIC_FG;
background-color: $COL_BUTTON_GENERIC_BG;
border: 1px solid black;
border-radius: 4px;
text-decoration: none;
cursor: pointer;
padding: 6px;
align-items: center;
}
.dlbtn_alt:hover {
background-color: $COL_BUTTON_GENERIC_HOVER;
}
.dlbtn_alt svg {
fill: #BBB;
}
.dlbtn_alt .span_mb {
font-size: 0.75em;
grid-column: 4;
}
}