Adding existing content to theme
This commit is contained in:
Jason Williams committed
1 parent
4ec5e05ae2
commit
0665ab292b
26 files changed
+1247
-3
No files matched your search
@@ -0,0 +1,51 @@
|
||||
h1 + h2, h2:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
section h1:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
section + section {
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.card ul {
|
||||
margin: 0;
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
.card-inline.inline ul {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.card-inline.inline ul li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.card-inline.inline ul li:not(:last-child)::after {
|
||||
content: ";";
|
||||
}
|
||||
|
||||
.card-inline .inline-icon {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
padding: 1rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
section.resume-section .resume-item .resume-date {
|
||||
min-width: 18rem;
|
||||
}
|
||||
|
||||
.text-primary {
|
||||
color: var(--dark-alt-accent-color)!important;
|
||||
}
|
||||
|
||||
/* lg Breakpoint */
|
||||
@media (min-width: 992px) {
|
||||
section.resume-section {
|
||||
min-height: 100vh;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,63 @@
|
||||
/* lg Breakpoint */
|
||||
@media (min-width: 992px) {
|
||||
body {
|
||||
/*padding-left: 17rem;*/
|
||||
padding-left: 25%;
|
||||
}
|
||||
|
||||
#main-nav {
|
||||
min-height: 8rem;
|
||||
}
|
||||
|
||||
#side-nav {
|
||||
text-align: center;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 25%;
|
||||
height: 100vh;
|
||||
padding: 0;
|
||||
background-color: var(--main-accent-color);
|
||||
}
|
||||
|
||||
#side-nav .navbar-brand {
|
||||
display: flex;
|
||||
margin: auto auto 0;
|
||||
/*padding: 0.5rem;*/
|
||||
}
|
||||
|
||||
#side-nav .navbar-brand .img-profile {
|
||||
max-width: 10rem;
|
||||
max-height: 10rem;
|
||||
/*border: 0.5rem solid rgba(255, 255, 255, 0.2);*/
|
||||
}
|
||||
|
||||
#side-nav .navbar-collapse {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
flex-grow: 0;
|
||||
width: 100%;
|
||||
margin-bottom: auto;
|
||||
}
|
||||
|
||||
#side-nav .navbar-collapse .navbar-nav {
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#side-nav .navbar-collapse .navbar-nav .nav-item {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#side-nav .navbar-collapse .navbar-nav .nav-item .nav-link {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) and (min-height: 620px) {
|
||||
main {
|
||||
margin-top: -8rem;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,271 @@
|
||||
/* Variables */
|
||||
:root {
|
||||
--main-bg-color: #F2EDEA;
|
||||
--main-accent-color: #302B44;
|
||||
--light-accent-color: #686283;
|
||||
--xlight-accent-color: #88839C;
|
||||
--xxlight-accent-color: #FFFFFF;
|
||||
--alt-accent-color: #B05C71;
|
||||
--dark-alt-accent-color: #913A50;
|
||||
--title-font: 'Cinzel', serif;
|
||||
--body-font: 'Raleway', sans-serif;
|
||||
}
|
||||
|
||||
/* Structural elements (including style for them) */
|
||||
html, body { height: 100%; }
|
||||
|
||||
body {
|
||||
background-color: var(--main-bg-color);
|
||||
font-family: var(--body-font);
|
||||
color: var(--main-accent-color);
|
||||
}
|
||||
|
||||
#page-content {
|
||||
flex: 1 0 auto;
|
||||
}
|
||||
|
||||
#main-nav .navbar-brand {
|
||||
height: 4.5rem;
|
||||
padding-left: 100px;
|
||||
font-family: var(--title-font);
|
||||
font-size: 2.5rem;
|
||||
background-image: url('../images/jwlogo.svg');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 4.5rem;
|
||||
color: var(--main-accent-color);
|
||||
word-spacing: -0.15em;
|
||||
}
|
||||
|
||||
footer {
|
||||
flex-shrink: 0;
|
||||
background-color: var(--main-accent-color);
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
footer p, footer ul li {
|
||||
color: var(--light-accent-color);
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
footer ul {
|
||||
margin-top: -1rem;
|
||||
padding-left: 1.25rem;
|
||||
}
|
||||
|
||||
/* Responsive element spacing */
|
||||
.container-fluid, #main-nav {
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
#main-nav {
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
footer, h1, h2 {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
footer {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
/* Responsive element spacing - lg breakpoint */
|
||||
@media (min-width: 992px) {
|
||||
.container-fluid, #main-nav {
|
||||
padding-left: 3rem;
|
||||
padding-right: 3rem;
|
||||
}
|
||||
|
||||
#main-nav {
|
||||
padding-top: 3rem;
|
||||
}
|
||||
|
||||
footer, h1, h2 {
|
||||
margin-top: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* Standard element styles */
|
||||
h1.master {
|
||||
margin: 0;
|
||||
font-family: var(--title-font);
|
||||
font-size: 3.5rem;
|
||||
word-spacing: -0.15em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1rem;
|
||||
color: var(--dark-alt-accent-color);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--alt-accent-color);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a.icon-link {
|
||||
display: inline-block;
|
||||
height: 1em;
|
||||
color: var(--accent-color);
|
||||
}
|
||||
|
||||
a.btn {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: var(--dark-alt-accent-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Custom styles */
|
||||
html { overflow-x: hidden; overflow-y: scroll; }
|
||||
|
||||
html::-webkit-scrollbar-track {
|
||||
background-color: rgba(48, 43, 68, 0.2);
|
||||
}
|
||||
|
||||
html::-webkit-scrollbar {
|
||||
width: 0.5rem;
|
||||
background-color: rgba(48, 43, 68, 0.2);
|
||||
}
|
||||
|
||||
html::-webkit-scrollbar-thumb {
|
||||
border-radius: 0.5rem;
|
||||
background-color: rgba(48, 43, 68, 0.5);
|
||||
}
|
||||
|
||||
#main-nav .nav-item .nav-link {
|
||||
color: rgba(48, 43, 68, 0.5);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#main-nav .nav-item.active .nav-link {
|
||||
color: var(--main-accent-color);
|
||||
}
|
||||
|
||||
#main-nav .nav-item .nav-link:hover {
|
||||
color: var(--alt-accent-color);
|
||||
}
|
||||
|
||||
#side-nav .nav-link, footer a {
|
||||
text-decoration: none;
|
||||
color: var(--xlight-accent-color);
|
||||
}
|
||||
|
||||
#side-nav .nav-link:hover, #side-nav .nav-link.active, footer a:hover, footer a.active {
|
||||
color: var(--xxlight-accent-color);
|
||||
}
|
||||
|
||||
.main, .card p.main, .card ul.main {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.giant, .card p.giant, .card ul.giant {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.col-container {
|
||||
margin: 0 -15px;
|
||||
}
|
||||
|
||||
.card {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.social-icons {
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.social-icons a {
|
||||
display: inline-block;
|
||||
height: 3.5rem;
|
||||
width: 3.5rem;
|
||||
background-color: var(--main-accent-color);
|
||||
color: var(--main-bg-color);
|
||||
text-align: center;
|
||||
font-size: 1.5rem;
|
||||
line-height: 3.5rem;
|
||||
margin-right: 0.25rem;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.social-icons a:hover {
|
||||
background-color: var(--dark-alt-accent-color);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.card {
|
||||
color: rgba(0, 0, 0, 0.75);
|
||||
}
|
||||
|
||||
.card h1, .card h2, .card h3 {
|
||||
color: var(--main-accent-color);
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.card p, .card ul {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.card .feedcard-footer p, .card .feedcard-footer a {
|
||||
margin-bottom: 0;
|
||||
font-size: 0.75rem;
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.card .feedcard-footer img {
|
||||
height: 0.75rem;
|
||||
}
|
||||
|
||||
.card .feedcard-footer .feedcard-itemtype {
|
||||
width: 33%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.card .feedcard-footer .feedcard-attribution {
|
||||
width: 67%;
|
||||
}
|
||||
|
||||
.altaccent {
|
||||
color: var(--alt-accent-color);
|
||||
}
|
||||
|
||||
a.feed-showonly { font-size: 0.75rem; color: var(--xlight-accent-color); }
|
||||
|
||||
/* Tag cloud styles */
|
||||
div.jqcloud {
|
||||
font-size: 0.5rem;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
div.jqcloud a {
|
||||
color: inherit;
|
||||
font-size: inherit;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
div.jqcloud a:hover {
|
||||
color: var(--dark-alt-accent-color);
|
||||
}
|
||||
|
||||
div.jqcloud span.w10 {font-size:550%; color: rgba(176, 92, 113, 1);}
|
||||
div.jqcloud span.w9 {font-size:500%; color: rgba(176, 92, 113, 0.95);}
|
||||
div.jqcloud span.w8 {font-size:450%; color: rgba(176, 92, 113, 0.9);}
|
||||
div.jqcloud span.w7 {font-size:400%; color: rgba(176, 92, 113, 0.85);}
|
||||
div.jqcloud span.w6 {font-size:350%; color: rgba(176, 92, 113, 0.8);}
|
||||
div.jqcloud span.w5 {font-size:300%; color: rgba(176, 92, 113, 0.75);}
|
||||
div.jqcloud span.w4 {font-size:250%; color: rgba(176, 92, 113, 0.7);}
|
||||
div.jqcloud span.w3 {font-size:200%; color: rgba(176, 92, 113, 0.65);}
|
||||
div.jqcloud span.w2 {font-size:150%; color: rgba(176, 92, 113, 0.6);}
|
||||
div.jqcloud span.w1 {font-size:100%; color: rgba(176, 92, 113, 0.55);}
|
||||
|
||||
div.jqcloud{overflow:hidden;position:relative}
|
||||
|
||||
div.jqcloud span{padding:0}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 371 B |
Binary file not shown.
|
After Width: | Height: | Size: 976 B |
@@ -0,0 +1,35 @@
|
||||
<?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"
|
||||
id="svg991"
|
||||
version="1.1"
|
||||
viewBox="0 0 20.245804 20.24579"
|
||||
height="20.24579mm"
|
||||
width="20.245804mm">
|
||||
<defs
|
||||
id="defs985" />
|
||||
<metadata
|
||||
id="metadata988">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title></dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<g
|
||||
transform="translate(-47.754592,-115.27591)"
|
||||
id="layer1">
|
||||
<path
|
||||
id="rect14-6"
|
||||
d="m 47.754592,115.27591 v 17.63304 c 0.106168,-0.24788 0.233702,-0.4884 0.384473,-0.72141 0.199014,-0.31273 0.431246,-0.61124 0.696598,-0.89555 0.255874,-0.27483 0.516513,-0.53548 0.781864,-0.78186 0.09477,-0.0853 0.24678,-0.22285 0.45527,-0.41239 0.199014,-0.18006 0.430729,-0.38388 0.696081,-0.61132 0.255874,-0.21796 0.525982,-0.45468 0.810287,-0.71056 0.284305,-0.24639 0.559405,-0.48362 0.824756,-0.71107 0.255875,-0.21795 0.488108,-0.41231 0.696598,-0.5829 l 0.469222,-0.38343 c 0.04738,-0.14217 0.137075,-0.38387 0.269751,-0.72504 0.142152,-0.34117 0.28917,-0.70147 0.4408,-1.08055 0.151629,-0.38854 0.298648,-0.74835 0.4408,-1.08004 0.142153,-0.34116 0.241313,-0.57838 0.298173,-0.71106 0.04739,-0.11372 0.104194,-0.23233 0.170532,-0.35554 0.06634,-0.13267 0.142601,-0.25077 0.227893,-0.35502 0.09477,-0.11373 0.19892,-0.2084 0.312642,-0.28422 0.113723,-0.0758 0.241288,-0.1142 0.38344,-0.1142 0,0.29378 -0.05182,0.62121 -0.156063,0.98133 -0.09477,0.36013 -0.213382,0.71992 -0.355534,1.08004 -0.132676,0.35065 -0.274701,0.68256 -0.426331,0.99529 -0.142152,0.30326 -0.255773,0.54943 -0.341064,0.73897 0.01895,0 0.04736,0.005 0.08527,0.0145 h 0.09922 c 0.236921,0 0.464678,-0.0334 0.682645,-0.0997 0.217967,-0.0663 0.445208,-0.0992 0.682129,-0.0992 0.07581,0 0.156554,0.004 0.241846,0.0139 0.0085,8.6e-4 0.01527,0.004 0.02325,0.006 0.176817,-0.31351 0.375447,-0.60935 0.59738,-0.88676 0.236921,-0.29378 0.483616,-0.57388 0.73949,-0.83923 0.265352,-0.26535 0.497068,-0.53046 0.696081,-0.79582 0.161106,0 0.265775,0.0329 0.313159,0.0992 0.04738,0.0663 0.0708,0.15156 0.0708,0.2558 -0.07581,0.0853 -0.194428,0.23679 -0.355534,0.45475 -0.151629,0.21797 -0.307599,0.4502 -0.468705,0.6966 -0.161106,0.2464 -0.308124,0.48311 -0.4408,0.71055 -0.123199,0.21797 -0.189477,0.37445 -0.198954,0.46922 -0.07581,0.27482 -0.07581,0.45026 0,0.52607 0.08529,0.0663 0.217848,0.0663 0.397908,0 0.18006,-0.0758 0.393357,-0.19891 0.639755,-0.36949 0.246398,-0.18005 0.502044,-0.38388 0.767395,-0.61132 0.265352,-0.22744 0.521513,-0.45967 0.767911,-0.69661 0.255875,-0.23691 0.473647,-0.4502 0.653707,-0.63975 h 0.611332 c 0,0.16111 -0.02393,0.3126 -0.07131,0.45475 -0.04738,0.14217 -0.0992,0.2847 -0.156063,0.42685 -0.04738,0.13268 -0.09473,0.26972 -0.14211,0.41187 -0.04739,0.13267 -0.07131,0.27522 -0.07131,0.42685 0,0.20849 0.06628,0.33605 0.198955,0.38343 0.132676,0.0474 0.289161,0.0713 0.469222,0.0713 0.23692,0 0.48809,-0.0473 0.753442,-0.14211 0.265351,-0.0948 0.507053,-0.22733 0.72502,-0.39791 0.227444,-0.17058 0.412337,-0.36993 0.554488,-0.59738 0.142153,-0.22744 0.212907,-0.47362 0.212907,-0.73897 0,-0.2464 -0.03787,-0.46917 -0.113688,-0.66818 -0.06634,-0.19903 -0.09922,-0.4168 -0.09922,-0.65372 0,-0.2843 0.156487,-0.42684 0.469223,-0.42684 0.0075,0 0.0143,0.002 0.0217,0.003 l 0.0031,-0.0429 c 0.01302,0.0179 0.02863,0.0328 0.04393,0.0481 0.104472,0.0159 0.19804,0.0678 0.280086,0.15658 0.464728,0.17372 0.93881,0.28894 1.422136,0.34571 0.490136,0.0628 0.993857,0.10272 1.511536,0.11937 0.02542,-0.001 0.09464,-0.008 0.207739,-0.0202 0.09978,-0.0109 0.216542,-0.0244 0.340547,-0.0393 v -8.24135 z m 10.051066,1.55908 c 0.132675,0 0.213416,0.0518 0.241846,0.15606 0.02843,0.10425 0.04237,0.20892 0.04237,0.31316 0,0.17059 -0.04734,0.32207 -0.14211,0.45475 -0.09477,0.12319 -0.236793,0.18449 -0.42633,0.18449 -0.170584,0 -0.274736,-0.0757 -0.312643,-0.22738 -0.02843,-0.15163 -0.04289,-0.29813 -0.04289,-0.44028 0,-0.0569 0.02393,-0.11419 0.07131,-0.17105 0.04738,-0.0569 0.104194,-0.1042 0.170532,-0.14211 0.06634,-0.0379 0.137092,-0.0663 0.212907,-0.0853 0.07581,-0.0284 0.137618,-0.0424 0.185002,-0.0424 z m 7.029545,6.85436 v 5.2e-4 c 0.04391,0.1266 0.08006,0.25708 0.101802,0.39481 0.03791,0.17057 0.05685,0.30812 0.05685,0.41237 0,0.48331 -0.113621,0.9094 -0.341065,1.279 -0.227444,0.36958 -0.521481,0.68257 -0.8816,0.93844 -0.36012,0.2464 -0.762784,0.43577 -1.208195,0.56844 -0.435934,0.1232 -0.867003,0.185 -1.293461,0.185 -0.350643,0 -0.630218,-0.12808 -0.838708,-0.38395 -0.199014,-0.25588 -0.303166,-0.5544 -0.312643,-0.89556 -0.265351,0.0853 -0.512045,0.22731 -0.739489,0.42633 -0.217968,0.19901 -0.440733,0.40284 -0.668177,0.61134 -0.217967,0.19901 -0.445208,0.37943 -0.682129,0.54053 -0.236921,0.16111 -0.502035,0.24133 -0.795817,0.24133 -0.07581,0 -0.166022,-0.0284 -0.270267,-0.0853 -0.104246,-0.0663 -0.208398,-0.14655 -0.312643,-0.24132 -0.09477,-0.0948 -0.175508,-0.19446 -0.241846,-0.2987 -0.05686,-0.10424 -0.08027,-0.19893 -0.0708,-0.28421 0.01385,-0.18461 0.04494,-0.36219 0.0925,-0.53331 -0.03325,0.0174 -0.06589,0.0354 -0.102319,0.0496 -0.217967,0.0853 -0.450201,0.15657 -0.696598,0.21343 -0.236921,0.0569 -0.464162,0.12813 -0.682129,0.21342 -0.217968,0.0758 -0.374454,0.21285 -0.469222,0.41186 -0.05686,0.11373 -0.142075,0.28915 -0.255798,0.52607 -0.113722,0.22744 -0.24628,0.48808 -0.397909,0.78186 -0.142153,0.29379 -0.294163,0.60177 -0.455269,0.92398 -0.15163,0.33169 -0.29813,0.64466 -0.440283,0.93844 -0.132675,0.30326 -0.256282,0.57337 -0.370004,0.81029 -0.11Line truncated
|
||||
style="fill:#302b44;fill-opacity:1;stroke:none;stroke-width:0.26458332" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 7.7 KiB |
@@ -0,0 +1 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="160px" height="20px" viewBox="0 0 128 16" xml:space="preserve"><path fill="#a8a6b1" fill-opacity="0.42" d="M6.4,4.8A3.2,3.2,0,1,1,3.2,8,3.2,3.2,0,0,1,6.4,4.8Zm12.8,0A3.2,3.2,0,1,1,16,8,3.2,3.2,0,0,1,19.2,4.8ZM32,4.8A3.2,3.2,0,1,1,28.8,8,3.2,3.2,0,0,1,32,4.8Zm12.8,0A3.2,3.2,0,1,1,41.6,8,3.2,3.2,0,0,1,44.8,4.8Zm12.8,0A3.2,3.2,0,1,1,54.4,8,3.2,3.2,0,0,1,57.6,4.8Zm12.8,0A3.2,3.2,0,1,1,67.2,8,3.2,3.2,0,0,1,70.4,4.8Zm12.8,0A3.2,3.2,0,1,1,80,8,3.2,3.2,0,0,1,83.2,4.8ZM96,4.8A3.2,3.2,0,1,1,92.8,8,3.2,3.2,0,0,1,96,4.8Zm12.8,0A3.2,3.2,0,1,1,105.6,8,3.2,3.2,0,0,1,108.8,4.8Zm12.8,0A3.2,3.2,0,1,1,118.4,8,3.2,3.2,0,0,1,121.6,4.8Z"/><g><path fill="#302b44" fill-opacity="1" d="M-42.7,3.84A4.16,4.16,0,0,1-38.54,8a4.16,4.16,0,0,1-4.16,4.16A4.16,4.16,0,0,1-46.86,8,4.16,4.16,0,0,1-42.7,3.84Zm12.8-.64A4.8,4.8,0,0,1-25.1,8a4.8,4.8,0,0,1-4.8,4.8A4.8,4.8,0,0,1-34.7,8,4.8,4.8,0,0,1-29.9,3.2Zm12.8-.64A5.44,5.44,0,0,1-11.66,8a5.44,5.44,0,0,1-5.44,5.44A5.44,5.44,0,0,1-22.54,8,5.44,5.44,0,0,1-17.1,2.56Z"/><animateTransform attributeName="transform" type="translate" values="23 0;36 0;49 0;62 0;74.5 0;87.5 0;100 0;113 0;125.5 0;138.5 0;151.5 0;164.5 0;178 0" calcMode="discrete" dur="1170ms" repeatCount="indefinite"/></g></svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 81 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
@@ -0,0 +1,26 @@
|
||||
$(() => {
|
||||
// Enable any tooltips on the page
|
||||
$('[data-toggle="tooltip"]').tooltip()
|
||||
|
||||
// Enable masonry layout
|
||||
$('.masonry').each(function() {
|
||||
var opts = { itemSelector: '.masonry-item' }
|
||||
if ($(this).hasClass('masonry-horizontal')) opts.horizontalOrder = true
|
||||
|
||||
$(this).masonry(opts)
|
||||
})
|
||||
|
||||
// Resize textareas to fit their content
|
||||
$('textarea').each(function() {
|
||||
$(this).height($(this)[0].scrollHeight)
|
||||
})
|
||||
|
||||
// Use google analytics in production
|
||||
if (!window.location.hostname.includes('dev')) {
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-167178542-1');
|
||||
}
|
||||
});
|
||||
@@ -0,0 +1,45 @@
|
||||
(function($) {
|
||||
"use strict"; // Start of use strict
|
||||
|
||||
// Add reorder icon to .card-inline
|
||||
$('.card-inline').prepend('<div class="inline-icon" data-toggle="tooltip" title="Toggle bullet view"><i class="fas fa-stream"></i></div>')
|
||||
|
||||
// Define a function to toggle the view
|
||||
const toggleBulletView = function() {
|
||||
var that = $(this)
|
||||
that.closest('.card').toggleClass('inline').closest('.masonry').masonry()
|
||||
setTimeout(() => {
|
||||
that.tooltip('hide')
|
||||
}, 2000);
|
||||
return false
|
||||
}
|
||||
|
||||
// Add the function to clicks on the menu button, and/or taps anywhere on the card
|
||||
$('.card-inline .inline-icon').on('click', toggleBulletView)
|
||||
$('.card-inline').on('touchstart', toggleBulletView)
|
||||
|
||||
// Smooth scrolling using jQuery easing
|
||||
$('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function() {
|
||||
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
|
||||
var target = $(this.hash);
|
||||
var hash = this.hash;
|
||||
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
|
||||
if (target.length) {
|
||||
$('html, body').animate({
|
||||
scrollTop: (target.offset().top)
|
||||
}, 1000, "easeInOutExpo");
|
||||
return false;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Closes responsive menu when a scroll trigger link is clicked
|
||||
$('.js-scroll-trigger').click(function() {
|
||||
$('.navbar-collapse').collapse('hide');
|
||||
});
|
||||
|
||||
// Activate scrollspy to add active class to navbar items on scroll
|
||||
$('body').scrollspy({
|
||||
target: '#side-nav'
|
||||
});
|
||||
})(jQuery); // End of use strict
|
||||
Reference in new issue
Block a user