Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Simplified layout #1

Open
wants to merge 15 commits into
base: main
Choose a base branch
from
+46,015 −389
Open

Simplified layout #1

Changes from 1 commit
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
ebc7b15
unchanged
r03ert0 Nov 14, 2020
f419b3a
change layout
r03ert0 Nov 14, 2020
22ad977
Deploy to gh-pages
r03ert0 Nov 14, 2020
ace6fd7
move title to index.html
r03ert0 Nov 15, 2020
4dfa8c2
Update index.html
r03ert0 Nov 15, 2020
d82260e
Update index.html
r03ert0 Nov 15, 2020
5590217
move tag styles to css, add affiliation numbering, code formatting
anibalsolon Dec 22, 2020
4b5288b
code formatting, removing <br>'s in favor of css, set shared buttons …
anibalsolon Dec 22, 2020
80115fc
rollback h1 styling
anibalsolon Dec 22, 2020
692e21f
reverting template content
anibalsolon Dec 22, 2020
4d90e13
format example
anibalsolon Dec 22, 2020
c276c4d
move css around, push footer down when there is not enough content, r…
anibalsolon Dec 22, 2020
bd40be5
show some scrollbar
anibalsolon Dec 22, 2020
e2165f0
update supplemental template, to conform to what's been used
anibalsolon Dec 22, 2020
ba8885c
h1 weight
anibalsolon Dec 22, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
code formatting, removing <br>'s in favor of css, set shared buttons … 
…as block
@anibalsolon
anibalsolon committed Dec 22, 2020

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Verified
Learn about vigilant mode
commit 4b5288bc61538580e262c5ca7bdea51d416f3481
22 changes: 11 additions & 11 deletions layouts/partials/head.html
View file
Original file line number Diff line number Diff line change
@@ -36,13 +36,13 @@
<link href="https://cdn.jsdelivr.net/npm/@quasar/[email protected]/dist/index.min.css" rel="stylesheet" type="text/css">

<style>
code {
padding: 2px 4px;
font-size: 90%;
color: #5285b6;
background-color: #e7e7e7;
border-radius: 4px;
}
code {
padding: 2px 4px;
font-size: 90%;
color: #5285b6;
background-color: #e7e7e7;
border-radius: 4px;
}
html, body, h1, h2, h3, h4, h5, h6 {
font-family: "Roboto", cursive, sans-serif;
-webkit-font-smoothing: antialiased;
@@ -121,10 +121,10 @@
}
html, body {
overflow-x: hidden;
}
body{
width: 100%;
}
}
body{
width: 100%;
}
</style>

<script src="{{ .Site.BaseURL }}assets/vendor/jquery/jquery.min.js"></script>
30 changes: 12 additions & 18 deletions layouts/partials/header.html
View file
Original file line number Diff line number Diff line change
@@ -6,14 +6,18 @@
</script>

<style>
header {
background-color:#424344! important;
background-repeat:no-repeat! important;
background-position: 50%! important;
}
.comma-list {
display: inline;
list-style: none;
padding: 0px;
font-family: "Open Sans", cursive, sans-serif;
-webkit-font-smoothing: antialiased;
font-size: large;

}
.comma-list li {
display: inline;
@@ -23,15 +27,13 @@
}
.comma-list li:last-child::after {
content: "";
}
}

.tooltip .arrow:before {
border-bottom-color:rgb(0, 0, 0) !important;
border-top-color:rgb(0, 0, 0)!important;
.tooltip .arrow:before {
border-bottom-color:rgb(0, 0, 0) !important;
border-top-color:rgb(0, 0, 0)!important;
}
.tooltip-inner {background-color:rgb(59,81,94)}
</style>
<style>
.tooltip-inner {background-color:rgb(59,81,94)}
.b {
fill: rgb(59,81,94);
}
@@ -40,24 +42,16 @@
}
</style>


<!-- Header -->

<header
class="bg-primary"
style="background-color:#424344! important;background-repeat:no-repeat! important;background-position: 50%! important;">
<header class="bg-primary">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12" style="margin-left:1rem;">
{{ with .Site.Params.header }}
{{ with .Site.Params.header }}
</div>
</div>
</div>
</header>

<div>
{{ end }}

<br>

</div>
62 changes: 31 additions & 31 deletions layouts/partials/share-buttons.html
View file
Original file line number Diff line number Diff line change
@@ -4,38 +4,38 @@
{{ $pageurl := (print "https://" $orgname ".github.io/" $.Site.Data.ghdetails.pub_name) }}

<style>
#share-buttons {display: inline-block; vertical-align: middle; }
#share-buttons:after {content: ""; display: block; clear: both;}
#share-buttons > div {
position: relative;
text-align: left;
height: 36px;
width: 32px;
float: left;
text-align: left;
}
#share-buttons > div > svg {height: 16px; fill: rgb(59,81,94); margin-top: 5px;}
#share-buttons > div:hover {cursor: pointer;}
/* #share-buttons > div.facebook:hover > svg {fill: #3B5998;} */
#share-buttons > div.twitter:hover > svg {fill: #7D7D7D;}
#share-buttons > div.linkedin:hover > svg {fill: #7D7D7D;}
/* #share-buttons > div.pinterest:hover > svg {fill: #CB2027;} */
/* #share-buttons > div.gplus:hover > svg {fill: #dd4b39;} */
#share-buttons > div.mail:hover > svg {fill: #7D7D7D;}
/* #share-buttons > div.instagram:hover > svg {fill: #C73B92;} */
/* #share-buttons > div.facebook > svg {height: 18px; margin-top: 9px;} */
#share-buttons > div.twitter > svg {height: 20px; margin-top: 8px;}
#share-buttons > div.linkedin > svg {height: 19px; margin-top: 7px;}
/* #share-buttons > div.pinterest > svg {height: 20px; margin-top: 9px;} */
/* #share-buttons > div.gplus > svg {height: 17px; margin-top: 9px; position: relative; left: 1px;} */
#share-buttons > div.mail > svg {height: 14px; margin-top: 11px;}
#share-buttons { vertical-align: middle; }
#share-buttons:after { content: ""; display: block; clear: both; }
#share-buttons > div {
position: relative;
text-align: left;
height: 36px;
width: 32px;
float: left;
text-align: left;
}
#share-buttons > div > svg {height: 16px; fill: rgb(59,81,94); margin-top: 5px;}
#share-buttons > div:hover {cursor: pointer;}
/* #share-buttons > div.facebook:hover > svg {fill: #3B5998;} */
#share-buttons > div.twitter:hover > svg {fill: #7D7D7D;}
#share-buttons > div.linkedin:hover > svg {fill: #7D7D7D;}
/* #share-buttons > div.pinterest:hover > svg {fill: #CB2027;} */
/* #share-buttons > div.gplus:hover > svg {fill: #dd4b39;} */
#share-buttons > div.mail:hover > svg {fill: #7D7D7D;}
/* #share-buttons > div.instagram:hover > svg {fill: #C73B92;} */
/* #share-buttons > div.facebook > svg {height: 18px; margin-top: 9px;} */
#share-buttons > div.twitter > svg {height: 20px; margin-top: 8px;}
#share-buttons > div.linkedin > svg {height: 19px; margin-top: 7px;}
/* #share-buttons > div.pinterest > svg {height: 20px; margin-top: 9px;} */
/* #share-buttons > div.gplus > svg {height: 17px; margin-top: 9px; position: relative; left: 1px;} */
#share-buttons > div.mail > svg {height: 14px; margin-top: 11px;}
</style>

<div id="share-buttons">
<!-- <div class="facebook" title="Share this on Facebook" onclick="window.open('http://www.facebook.com/share.php?u={{ $pageurl }}');"><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1343 12v264h-157q-86 0-116 36t-30 108v189h293l-39 296h-254v759h-306v-759h-255v-296h255v-218q0-186 104-288.5t277-102.5q147 0 228 12z"/></svg></div> -->
<div class="twitter" title="Share this on Twitter" onclick="window.open('https://twitter.com/intent/tweet?url={{ $pageurl }}');"><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1684 408q-67 98-162 167 1 14 1 42 0 130-38 259.5t-115.5 248.5-184.5 210.5-258 146-323 54.5q-271 0-496-145 35 4 78 4 225 0 401-138-105-2-188-64.5t-114-159.5q33 5 61 5 43 0 85-11-112-23-185.5-111.5t-73.5-205.5v-4q68 38 146 41-66-44-105-115t-39-154q0-88 44-163 121 149 294.5 238.5t371.5 99.5q-8-38-8-74 0-134 94.5-228.5t228.5-94.5q140 0 236 102 109-21 205-78-37 115-142 178 93-10 186-50z"/></svg></div>
<div class="linkedin" title="Share this on Linkedin" onclick="window.open('https://www.linkedin.com/shareArticle?mini=true&url={{ $pageurl }}&title=&summary=&source=');"><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M477 625v991h-330v-991h330zm21-306q1 73-50.5 122t-135.5 49h-2q-82 0-132-49t-50-122q0-74 51.5-122.5t134.5-48.5 133 48.5 51 122.5zm1166 729v568h-329v-530q0-105-40.5-164.5t-126.5-59.5q-63 0-105.5 34.5t-63.5 85.5q-11 30-11 81v553h-329q2-399 2-647t-1-296l-1-48h329v144h-2q20-32 41-56t56.5-52 87-43.5 114.5-15.5q171 0 275 113.5t104 332.5z"/></svg></div>
{{ if .Params.image }}<div class="pinterest" title="Share this on Pinterest" onclick="window.open('https://pinterest.com/pin/create/button/?url=&media={{ .Params.image }}&description=');"><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M256 597q0-108 37.5-203.5t103.5-166.5 152-123 185-78 202-26q158 0 294 66.5t221 193.5 85 287q0 96-19 188t-60 177-100 149.5-145 103-189 38.5q-68 0-135-32t-96-88q-10 39-28 112.5t-23.5 95-20.5 71-26 71-32 62.5-46 77.5-62 86.5l-14 5-9-10q-15-157-15-188 0-92 21.5-206.5t66.5-287.5 52-203q-32-65-32-169 0-83 52-156t132-73q61 0 95 40.5t34 102.5q0 66-44 191t-44 187q0 63 45 104.5t109 41.5q55 0 102-25t78.5-68 56-95 38-110.5 20-111 6.5-99.5q0-173-109.5-269.5t-285.5-96.5q-200 0-334 129.5t-134 328.5q0 44 12.5 85t27 65 27 45.5 12.5 30.5q0 28-15 73t-37 45q-2 0-17-3-51-15-90.5-56t-61-94.5-32.5-108-11-106.5z"/></svg></div>{{ end }}
<!-- <div class="gplus" title="Share this on Google Plus" onclick="window.open('https://plus.google.com/share?url={{ $pageurl }}');"><svg viewBox="0 0 2304 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1437 913q0 208-87 370.5t-248 254-369 91.5q-149 0-285-58t-234-156-156-234-58-285 58-285 156-234 234-156 285-58q286 0 491 192l-199 191q-117-113-292-113-123 0-227.5 62t-165.5 168.5-61 232.5 61 232.5 165.5 168.5 227.5 62q83 0 152.5-23t114.5-57.5 78.5-78.5 49-83 21.5-74h-416v-252h692q12 63 12 122zm867-122v210h-209v209h-210v-209h-209v-210h209v-209h210v209h209z"/></svg></div> -->
<div class="mail" title="Share this through Email" onclick="window.open('mailto:?&body={{ $pageurl }}');"><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1792 710v794q0 66-47 113t-113 47h-1472q-66 0-113-47t-47-113v-794q44 49 101 87 362 246 497 345 57 42 92.5 65.5t94.5 48 110 24.5h2q51 0 110-24.5t94.5-48 92.5-65.5q170-123 498-345 57-39 100-87zm0-294q0 79-49 151t-122 123q-376 261-468 325-10 7-42.5 30.5t-54 38-52 32.5-57.5 27-50 9h-2q-23 0-50-9t-57.5-27-52-32.5-54-38-42.5-30.5q-91-64-262-182.5t-205-142.5q-62-42-117-115.5t-55-136.5q0-78 41.5-130t118.5-52h1472q65 0 112.5 47t47.5 113z"/></svg></div>
<!-- <div class="facebook" title="Share this on Facebook" onclick="window.open('http://www.facebook.com/share.php?u={{ $pageurl }}');"><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1343 12v264h-157q-86 0-116 36t-30 108v189h293l-39 296h-254v759h-306v-759h-255v-296h255v-218q0-186 104-288.5t277-102.5q147 0 228 12z"/></svg></div> -->
<div class="twitter" title="Share this on Twitter" onclick="window.open('https://twitter.com/intent/tweet?url={{ $pageurl }}');"><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1684 408q-67 98-162 167 1 14 1 42 0 130-38 259.5t-115.5 248.5-184.5 210.5-258 146-323 54.5q-271 0-496-145 35 4 78 4 225 0 401-138-105-2-188-64.5t-114-159.5q33 5 61 5 43 0 85-11-112-23-185.5-111.5t-73.5-205.5v-4q68 38 146 41-66-44-105-115t-39-154q0-88 44-163 121 149 294.5 238.5t371.5 99.5q-8-38-8-74 0-134 94.5-228.5t228.5-94.5q140 0 236 102 109-21 205-78-37 115-142 178 93-10 186-50z"/></svg></div>
<div class="linkedin" title="Share this on Linkedin" onclick="window.open('https://www.linkedin.com/shareArticle?mini=true&url={{ $pageurl }}&title=&summary=&source=');"><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M477 625v991h-330v-991h330zm21-306q1 73-50.5 122t-135.5 49h-2q-82 0-132-49t-50-122q0-74 51.5-122.5t134.5-48.5 133 48.5 51 122.5zm1166 729v568h-329v-530q0-105-40.5-164.5t-126.5-59.5q-63 0-105.5 34.5t-63.5 85.5q-11 30-11 81v553h-329q2-399 2-647t-1-296l-1-48h329v144h-2q20-32 41-56t56.5-52 87-43.5 114.5-15.5q171 0 275 113.5t104 332.5z"/></svg></div>
{{ if .Params.image }}<div class="pinterest" title="Share this on Pinterest" onclick="window.open('https://pinterest.com/pin/create/button/?url=&media={{ .Params.image }}&description=');"><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M256 597q0-108 37.5-203.5t103.5-166.5 152-123 185-78 202-26q158 0 294 66.5t221 193.5 85 287q0 96-19 188t-60 177-100 149.5-145 103-189 38.5q-68 0-135-32t-96-88q-10 39-28 112.5t-23.5 95-20.5 71-26 71-32 62.5-46 77.5-62 86.5l-14 5-9-10q-15-157-15-188 0-92 21.5-206.5t66.5-287.5 52-203q-32-65-32-169 0-83 52-156t132-73q61 0 95 40.5t34 102.5q0 66-44 191t-44 187q0 63 45 104.5t109 41.5q55 0 102-25t78.5-68 56-95 38-110.5 20-111 6.5-99.5q0-173-109.5-269.5t-285.5-96.5q-200 0-334 129.5t-134 328.5q0 44 12.5 85t27 65 27 45.5 12.5 30.5q0 28-15 73t-37 45q-2 0-17-3-51-15-90.5-56t-61-94.5-32.5-108-11-106.5z"/></svg></div>{{ end }}
<!-- <div class="gplus" title="Share this on Google Plus" onclick="window.open('https://plus.google.com/share?url={{ $pageurl }}');"><svg viewBox="0 0 2304 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1437 913q0 208-87 370.5t-248 254-369 91.5q-149 0-285-58t-234-156-156-234-58-285 58-285 156-234 234-156 285-58q286 0 491 192l-199 191q-117-113-292-113-123 0-227.5 62t-165.5 168.5-61 232.5 61 232.5 165.5 168.5 227.5 62q83 0 152.5-23t114.5-57.5 78.5-78.5 49-83 21.5-74h-416v-252h692q12 63 12 122zm867-122v210h-209v209h-210v-209h-209v-210h209v-209h210v209h209z"/></svg></div> -->
<div class="mail" title="Share this through Email" onclick="window.open('mailto:?&body={{ $pageurl }}');"><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1792 710v794q0 66-47 113t-113 47h-1472q-66 0-113-47t-47-113v-794q44 49 101 87 362 246 497 345 57 42 92.5 65.5t94.5 48 110 24.5h2q51 0 110-24.5t94.5-48 92.5-65.5q170-123 498-345 57-39 100-87zm0-294q0 79-49 151t-122 123q-376 261-468 325-10 7-42.5 30.5t-54 38-52 32.5-57.5 27-50 9h-2q-23 0-50-9t-57.5-27-52-32.5-54-38-42.5-30.5q-91-64-262-182.5t-205-142.5q-62-42-117-115.5t-55-136.5q0-78 41.5-130t118.5-52h1472q65 0 112.5 47t47.5 113z"/></svg></div>
</div>