mirror of
https://github.com/asimonson1125/asimonson1125.github.io.git
synced 2026-02-24 21:09:49 -06:00
Navbar update
This commit is contained in:
@@ -135,13 +135,14 @@ a {
|
||||
top: 0;
|
||||
left: 0;
|
||||
transition: .4s;
|
||||
border-bottom: solid .2em rgba(139, 36, 36, 0.5);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#homeIcon {
|
||||
margin: auto;
|
||||
display: block;
|
||||
width: 5em;
|
||||
width: 3em;
|
||||
}
|
||||
|
||||
#homeName {
|
||||
@@ -153,10 +154,14 @@ a {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.name {
|
||||
display: inline;
|
||||
color: #a0a0a0a0;
|
||||
background: url("../icons/neonfinal2.svg") 0/5rem no-repeat;
|
||||
color: #bbbaba;
|
||||
background: url("../icons/neonfinal3.svg") 0/5rem no-repeat;
|
||||
background-size: contain;
|
||||
padding-left: 3.5rem;
|
||||
margin-left: .5em;
|
||||
@@ -172,6 +177,9 @@ a {
|
||||
}
|
||||
|
||||
.navControl {
|
||||
max-height: 57px;
|
||||
float: right;
|
||||
margin-right: 1em;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
@@ -184,10 +192,15 @@ a {
|
||||
}
|
||||
|
||||
.navElement {
|
||||
display: inline-block;
|
||||
border: solid black .2rem;
|
||||
text-align: center;
|
||||
background-color: rgba(139, 36, 36, 0.5);
|
||||
flex-grow: 1;
|
||||
padding: 0 1em;
|
||||
margin-left: .5em;
|
||||
padding-top: 1.2em;
|
||||
margin-top: -1.3em;
|
||||
border-radius: .5em;
|
||||
}
|
||||
|
||||
.navElement:hover {
|
||||
@@ -240,7 +253,7 @@ a {
|
||||
}
|
||||
|
||||
.foregroundContent {
|
||||
padding-top: 6rem;
|
||||
padding-top: 4rem;
|
||||
padding-left: 8rem;
|
||||
max-width: calc(100%-8rem);
|
||||
padding-bottom: 1rem;
|
||||
@@ -256,7 +269,7 @@ a {
|
||||
}
|
||||
|
||||
.homegroundContent {
|
||||
padding-top: 7em;
|
||||
padding-top: 5em;
|
||||
padding-left: 0em;
|
||||
}
|
||||
|
||||
@@ -295,7 +308,7 @@ a {
|
||||
}
|
||||
|
||||
#nametag {
|
||||
padding: 3rem;
|
||||
padding: 2em 3em;
|
||||
display: inline-block;
|
||||
background-color: rgb(44, 44, 44, .75);
|
||||
border-radius: 1em;
|
||||
@@ -899,10 +912,16 @@ a {
|
||||
|
||||
.navElement {
|
||||
width: 100vw;
|
||||
padding: 0;
|
||||
margin-left: 0;
|
||||
padding-top: unset;
|
||||
margin-top: unset;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.navControl {
|
||||
max-height: 0px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.projectList {
|
||||
|
||||
393
src/static/icons/neonfinal3.svg
Normal file
393
src/static/icons/neonfinal3.svg
Normal file
@@ -0,0 +1,393 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="167.83667mm"
|
||||
height="167.83669mm"
|
||||
viewBox="0 0 167.83667 167.83669"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
|
||||
sodipodi:docname="neon2.svg.2024_02_25_10_57_42.0.svg"
|
||||
inkscape:export-filename="neonfinal.svg"
|
||||
inkscape:export-xdpi="96"
|
||||
inkscape:export-ydpi="96"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#333333"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm"
|
||||
inkscape:zoom="0.59949714"
|
||||
inkscape:cx="179.31695"
|
||||
inkscape:cy="437.86698"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1011"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="32"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1" />
|
||||
<defs
|
||||
id="defs1">
|
||||
<inkscape:path-effect
|
||||
effect="fillet_chamfer"
|
||||
id="path-effect17"
|
||||
is_visible="true"
|
||||
lpeversion="1"
|
||||
nodesatellites_param="F,0,0,1,0,0,0,1 @ F,0,0,1,0,7.9986979,0,1 @ F,0,0,1,0,0,0,1"
|
||||
radius="0"
|
||||
unit="px"
|
||||
method="auto"
|
||||
mode="F"
|
||||
chamfer_steps="1"
|
||||
flexible="false"
|
||||
use_knot_distance="true"
|
||||
apply_no_radius="true"
|
||||
apply_with_radius="true"
|
||||
only_selected="false"
|
||||
hide_knots="false" />
|
||||
<inkscape:path-effect
|
||||
effect="fillet_chamfer"
|
||||
id="path-effect16"
|
||||
is_visible="true"
|
||||
lpeversion="1"
|
||||
nodesatellites_param="F,0,0,1,0,0,0,1 @ F,0,0,1,0,8.0780818,0,1 @ F,0,0,1,0,0,0,1"
|
||||
radius="0"
|
||||
unit="px"
|
||||
method="auto"
|
||||
mode="F"
|
||||
chamfer_steps="1"
|
||||
flexible="false"
|
||||
use_knot_distance="true"
|
||||
apply_no_radius="true"
|
||||
apply_with_radius="true"
|
||||
only_selected="false"
|
||||
hide_knots="false" />
|
||||
<inkscape:path-effect
|
||||
effect="fillet_chamfer"
|
||||
id="path-effect9"
|
||||
is_visible="true"
|
||||
lpeversion="1"
|
||||
nodesatellites_param="F,0,0,1,0,0,0,1 @ F,0,0,1,0,9.6572028,0,1 @ F,0,0,1,0,0,0,1"
|
||||
radius="0"
|
||||
unit="px"
|
||||
method="auto"
|
||||
mode="F"
|
||||
chamfer_steps="1"
|
||||
flexible="false"
|
||||
use_knot_distance="true"
|
||||
apply_no_radius="true"
|
||||
apply_with_radius="true"
|
||||
only_selected="false"
|
||||
hide_knots="false" />
|
||||
<inkscape:path-effect
|
||||
effect="fillet_chamfer"
|
||||
id="path-effect8"
|
||||
is_visible="true"
|
||||
lpeversion="1"
|
||||
nodesatellites_param="F,0,0,1,0,0,0,1 @ F,0,0,1,0,7.5495738,0,1 @ F,0,0,1,0,0,0,1"
|
||||
radius="0"
|
||||
unit="px"
|
||||
method="auto"
|
||||
mode="F"
|
||||
chamfer_steps="1"
|
||||
flexible="false"
|
||||
use_knot_distance="true"
|
||||
apply_no_radius="true"
|
||||
apply_with_radius="true"
|
||||
only_selected="false"
|
||||
hide_knots="false" />
|
||||
<inkscape:path-effect
|
||||
effect="fillet_chamfer"
|
||||
id="path-effect8-2"
|
||||
is_visible="true"
|
||||
lpeversion="1"
|
||||
nodesatellites_param="F,0,0,1,0,0,0,1 @ F,0,0,1,0,7.5495738,0,1 @ F,0,0,1,0,0,0,1"
|
||||
radius="0"
|
||||
unit="px"
|
||||
method="auto"
|
||||
mode="F"
|
||||
chamfer_steps="1"
|
||||
flexible="false"
|
||||
use_knot_distance="true"
|
||||
apply_no_radius="true"
|
||||
apply_with_radius="true"
|
||||
only_selected="false"
|
||||
hide_knots="false" />
|
||||
<inkscape:path-effect
|
||||
effect="fillet_chamfer"
|
||||
id="path-effect9-9"
|
||||
is_visible="true"
|
||||
lpeversion="1"
|
||||
nodesatellites_param="F,0,0,1,0,0,0,1 @ F,0,0,1,0,9.6572028,0,1 @ F,0,0,1,0,0,0,1"
|
||||
radius="0"
|
||||
unit="px"
|
||||
method="auto"
|
||||
mode="F"
|
||||
chamfer_steps="1"
|
||||
flexible="false"
|
||||
use_knot_distance="true"
|
||||
apply_no_radius="true"
|
||||
apply_with_radius="true"
|
||||
only_selected="false"
|
||||
hide_knots="false" />
|
||||
<filter
|
||||
inkscape:collect="always"
|
||||
style="color-interpolation-filters:sRGB"
|
||||
id="filter9"
|
||||
x="-0.030747933"
|
||||
y="-0.028448841"
|
||||
width="1.0614959"
|
||||
height="1.0568977">
|
||||
<feGaussianBlur
|
||||
inkscape:collect="always"
|
||||
stdDeviation="1.1764713"
|
||||
id="feGaussianBlur9" />
|
||||
</filter>
|
||||
<filter
|
||||
inkscape:collect="always"
|
||||
style="color-interpolation-filters:sRGB"
|
||||
id="filter29"
|
||||
x="-0.090988795"
|
||||
y="-0.084185358"
|
||||
width="1.1819776"
|
||||
height="1.1683707">
|
||||
<feGaussianBlur
|
||||
inkscape:collect="always"
|
||||
stdDeviation="4.7058852"
|
||||
id="feGaussianBlur29" />
|
||||
</filter>
|
||||
<filter
|
||||
inkscape:collect="always"
|
||||
style="color-interpolation-filters:sRGB"
|
||||
id="filter30"
|
||||
x="-0.23378194"
|
||||
y="-0.21630154"
|
||||
width="1.4675639"
|
||||
height="1.4326031">
|
||||
<feGaussianBlur
|
||||
inkscape:collect="always"
|
||||
stdDeviation="13.071903"
|
||||
id="feGaussianBlur30" />
|
||||
</filter>
|
||||
<filter
|
||||
inkscape:collect="always"
|
||||
style="color-interpolation-filters:sRGB"
|
||||
id="filter5"
|
||||
x="-0.064230178"
|
||||
y="-0.064230177"
|
||||
width="1.1284604"
|
||||
height="1.1284604">
|
||||
<feGaussianBlur
|
||||
inkscape:collect="always"
|
||||
stdDeviation="1.0664778"
|
||||
id="feGaussianBlur5" />
|
||||
</filter>
|
||||
<filter
|
||||
inkscape:collect="always"
|
||||
style="color-interpolation-filters:sRGB"
|
||||
id="filter6"
|
||||
x="-0.12459899"
|
||||
y="-0.12459899"
|
||||
width="1.249198"
|
||||
height="1.249198">
|
||||
<feGaussianBlur
|
||||
inkscape:collect="always"
|
||||
stdDeviation="2.9222677"
|
||||
id="feGaussianBlur6" />
|
||||
</filter>
|
||||
<filter
|
||||
inkscape:collect="always"
|
||||
style="color-interpolation-filters:sRGB"
|
||||
id="filter8"
|
||||
x="-0.33202635"
|
||||
y="-0.33202634"
|
||||
width="1.6640527"
|
||||
height="1.6640527">
|
||||
<feGaussianBlur
|
||||
inkscape:collect="always"
|
||||
stdDeviation="10.040917"
|
||||
id="feGaussianBlur8" />
|
||||
</filter>
|
||||
<filter
|
||||
inkscape:collect="always"
|
||||
style="color-interpolation-filters:sRGB"
|
||||
id="filter10"
|
||||
x="-0.03863471"
|
||||
y="-0.038634709"
|
||||
width="1.0772694"
|
||||
height="1.0772694">
|
||||
<feGaussianBlur
|
||||
inkscape:collect="always"
|
||||
stdDeviation="1.6097795"
|
||||
id="feGaussianBlur10" />
|
||||
</filter>
|
||||
<inkscape:path-effect
|
||||
effect="fillet_chamfer"
|
||||
id="path-effect16-7"
|
||||
is_visible="true"
|
||||
lpeversion="1"
|
||||
nodesatellites_param="F,0,0,1,0,0,0,1 @ F,0,0,1,0,8.0780818,0,1 @ F,0,0,1,0,0,0,1"
|
||||
radius="0"
|
||||
unit="px"
|
||||
method="auto"
|
||||
mode="F"
|
||||
chamfer_steps="1"
|
||||
flexible="false"
|
||||
use_knot_distance="true"
|
||||
apply_no_radius="true"
|
||||
apply_with_radius="true"
|
||||
only_selected="false"
|
||||
hide_knots="false" />
|
||||
<inkscape:path-effect
|
||||
effect="fillet_chamfer"
|
||||
id="path-effect17-5"
|
||||
is_visible="true"
|
||||
lpeversion="1"
|
||||
nodesatellites_param="F,0,0,1,0,0,0,1 @ F,0,0,1,0,7.9986979,0,1 @ F,0,0,1,0,0,0,1"
|
||||
radius="0"
|
||||
unit="px"
|
||||
method="auto"
|
||||
mode="F"
|
||||
chamfer_steps="1"
|
||||
flexible="false"
|
||||
use_knot_distance="true"
|
||||
apply_no_radius="true"
|
||||
apply_with_radius="true"
|
||||
only_selected="false"
|
||||
hide_knots="false" />
|
||||
</defs>
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-14.360103,-50.697192)">
|
||||
<use
|
||||
x="0"
|
||||
y="0"
|
||||
xlink:href="#use6"
|
||||
id="use7"
|
||||
style="opacity:1;filter:url(#filter8)" />
|
||||
<use
|
||||
x="0"
|
||||
y="0"
|
||||
xlink:href="#star"
|
||||
id="use6"
|
||||
style="mix-blend-mode:normal;filter:url(#filter6)"
|
||||
inkscape:export-filename="../../Documents/GitHub/asimonson1125.github.io/src/static/icons/neonfinal3.svg"
|
||||
inkscape:export-xdpi="96"
|
||||
inkscape:export-ydpi="96" />
|
||||
<g
|
||||
id="star"
|
||||
style="display:inline;opacity:1;filter:url(#filter5)"
|
||||
transform="matrix(1.1617659,0,0,1.1617659,19.179777,39.028635)"
|
||||
inkscape:export-filename="../../Documents/GitHub/asimonson1125.github.io/src/static/icons/neonfinal3.svg"
|
||||
inkscape:export-xdpi="96"
|
||||
inkscape:export-ydpi="96">
|
||||
<path
|
||||
style="opacity:1;mix-blend-mode:normal;fill:#b3962d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter10)"
|
||||
d="m 65.084856,67.277241 c -1.287779,9.10845 -5.183319,11.28276 -12.694774,12 -7.511459,0.71725 -34.305226,3 -34.305226,3 0,0 25.891549,1.71223 35,3 9.108454,1.28778 11.282748,4.48855 12,12 0.717252,7.511459 3,34.999999 3,34.999999 0,0 1.712221,-25.89154 3,-34.999999 1.28778,-9.10844 4.488549,-11.28275 11.999999,-12 7.51146,-0.71724 34.999995,-3 34.999995,-3 0,0 -25.891545,-1.71222 -34.999995,-3 -9.10845,-1.28777 -11.282748,-4.48854 -11.999999,-12 -0.717252,-7.51145 -3,-34.999998 -3,-34.999998 0,0 -1.71222,25.891548 -3,34.999998 z"
|
||||
id="path3-6-8"
|
||||
sodipodi:nodetypes="sscsscsscsscs" />
|
||||
</g>
|
||||
<g
|
||||
id="neonHighlights"
|
||||
style="display:inline">
|
||||
<use
|
||||
x="0"
|
||||
y="0"
|
||||
xlink:href="#neonTubing"
|
||||
id="use30"
|
||||
style="display:inline;mix-blend-mode:normal;filter:url(#filter30)" />
|
||||
<use
|
||||
x="0"
|
||||
y="0"
|
||||
xlink:href="#neonTubing"
|
||||
id="use29"
|
||||
style="display:inline;mix-blend-mode:normal;filter:url(#filter29)" />
|
||||
<use
|
||||
x="0"
|
||||
y="0"
|
||||
xlink:href="#neonTubing"
|
||||
id="use9"
|
||||
style="filter:url(#filter9)" />
|
||||
</g>
|
||||
<g
|
||||
id="neonTubing"
|
||||
style="fill:none;fill-opacity:1;stroke:#f8e0c3;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1">
|
||||
<g
|
||||
id="g1"
|
||||
style="display:none;stroke:#f8e0c3;stroke-width:3;stroke-dasharray:none;stroke-opacity:1">
|
||||
<path
|
||||
style="fill:none;fill-opacity:1;stroke:#f8e0c3;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="M 129.66155,74.179932 H 61.78218 a 9.6572028,9.6572028 135 0 0 -9.657203,9.657203 v 39.314015"
|
||||
id="path1"
|
||||
inkscape:path-effect="#path-effect9"
|
||||
inkscape:original-d="M 129.66155,74.179932 H 52.124977 v 48.971218" />
|
||||
<path
|
||||
style="fill:none;fill-opacity:1;stroke:#f8e0c3;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="M 114.02977,84.567913 H 72.042986 a 7.4885845,7.4885845 134.76763 0 0 -7.488338,7.549325 l 0.186961,23.049192"
|
||||
id="path2"
|
||||
inkscape:path-effect="#path-effect8"
|
||||
inkscape:original-d="M 114.02977,84.567913 H 64.493412 l 0.248197,30.598517"
|
||||
transform="translate(-0.40337459,1.3209286)" />
|
||||
<path
|
||||
style="fill:none;fill-opacity:1;stroke:#f8e0c3;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="M 129.66155,74.179932 H 61.78218 a 9.6572028,9.6572028 135 0 0 -9.657203,9.657203 v 39.314015"
|
||||
id="path1-2"
|
||||
inkscape:path-effect="#path-effect9-9"
|
||||
inkscape:original-d="M 129.66155,74.179932 H 52.124977 v 48.971218"
|
||||
transform="rotate(180,96.802685,134.07745)" />
|
||||
<path
|
||||
style="fill:none;fill-opacity:1;stroke:#f8e0c3;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="M 114.02977,84.567913 H 72.042986 a 7.4885845,7.4885845 134.76763 0 0 -7.488338,7.549325 l 0.186961,23.049192"
|
||||
id="path2-7"
|
||||
inkscape:path-effect="#path-effect8-2"
|
||||
inkscape:original-d="M 114.02977,84.567913 H 64.493412 l 0.248197,30.598517"
|
||||
transform="rotate(180,97.004375,133.41698)" />
|
||||
</g>
|
||||
<g
|
||||
id="g33"
|
||||
transform="translate(-7.6804235,-33.343613)"
|
||||
style="display:inline;stroke:#f8e0c3;stroke-width:3;stroke-dasharray:none;stroke-opacity:1">
|
||||
<path
|
||||
style="fill:none;stroke:#ededed;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="M 142.67883,102.44998 H 73.832338 a 10.424106,10.424106 142.5 0 0 -10.068913,7.72615 l -6.688692,24.96254"
|
||||
id="path10"
|
||||
inkscape:path-effect="#path-effect17"
|
||||
inkscape:original-d="M 142.67883,102.44998 H 65.83364 l -8.758907,32.68869"
|
||||
transform="translate(-6.0989631,2.1674006)" />
|
||||
<path
|
||||
style="fill:none;stroke:#ededed;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="M 156.95436,91.412872 H 56.426396 A 10.527561,10.527561 142.5 0 0 46.257553,99.2157 l -11.945382,44.58078"
|
||||
id="path11"
|
||||
inkscape:path-effect="#path-effect16"
|
||||
inkscape:original-d="M 156.95436,91.412872 H 48.348314 L 34.312171,143.79648" />
|
||||
<path
|
||||
style="display:inline;fill:none;fill-opacity:1;stroke:#ededed;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="M 142.67883,102.44998 H 73.832338 a 10.424106,10.424106 142.5 0 0 -10.068913,7.72615 l -6.688692,24.96254"
|
||||
id="path10-6"
|
||||
inkscape:path-effect="#path-effect17-5"
|
||||
inkscape:original-d="M 142.67883,102.44998 H 65.83364 l -8.758907,32.68869"
|
||||
transform="rotate(180,105.40367,165.67111)" />
|
||||
<path
|
||||
style="display:inline;fill:none;fill-opacity:1;stroke:#ededed;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="M 156.95436,91.412872 H 56.426396 a 10.496229,10.496229 142.41749 0 0 -10.146361,7.808817 l -13.97988,52.781241"
|
||||
id="path11-2"
|
||||
inkscape:path-effect="#path-effect16-7"
|
||||
inkscape:original-d="M 156.95436,91.412872 H 48.348314 L 32.300155,152.00293"
|
||||
transform="rotate(180,103.61221,167.4007)"
|
||||
sodipodi:nodetypes="ccc" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 14 KiB |
@@ -2,36 +2,19 @@ window.onload = function () {
|
||||
onLoaded();
|
||||
};
|
||||
function onLoaded() {
|
||||
// document.body.scrollTop = 0; // For Safari
|
||||
// document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
|
||||
|
||||
window.onresize = function () {
|
||||
resizer();
|
||||
};
|
||||
resizer();
|
||||
if (window.innerWidth < 1400) {
|
||||
const e = document.querySelector(".navControl");
|
||||
e.style.maxHeight = "0px";
|
||||
}
|
||||
}
|
||||
|
||||
function resizer() {
|
||||
const e = document.querySelector(".navControl");
|
||||
if (window.innerWidth > 1400) {
|
||||
// desktop view
|
||||
scrollFunction();
|
||||
window.onscroll = function () {
|
||||
scrollFunction();
|
||||
};
|
||||
e.style.maxHeight = `${e.scrollHeight + 10}px`;
|
||||
} else {
|
||||
// mobile view
|
||||
window.onscroll = "";
|
||||
document.querySelector(".header").style.backgroundColor = "#1a1a1a";
|
||||
document.querySelectorAll(".header .name h1").forEach(function (x) {
|
||||
x.style.fontSize = "1.5rem";
|
||||
});
|
||||
// document.querySelector('.header > h1').style.color = "#ecebeb";
|
||||
document.querySelector(".header").style.borderBottomWidth = "3px";
|
||||
e.style.maxHeight = "0px";
|
||||
document.querySelectorAll(".navElement *").forEach((x) => {
|
||||
@@ -42,31 +25,6 @@ function resizer() {
|
||||
}
|
||||
}
|
||||
|
||||
function scrollFunction() {
|
||||
if (document.body.scrollTop > 10 || document.documentElement.scrollTop > 10) {
|
||||
document.querySelector(".header").style.backgroundColor = "#1a1a1a";
|
||||
document.querySelectorAll(".header .name h1").forEach(function (x) {
|
||||
x.style.fontSize = "1.5rem";
|
||||
});
|
||||
document.querySelectorAll(".navElement *").forEach((x) => {
|
||||
x.style.paddingTop = ".3rem";
|
||||
x.style.paddingBottom = ".3rem";
|
||||
x.style.fontSize = "1rem";
|
||||
});
|
||||
} else {
|
||||
document.querySelector(".header").style.backgroundColor = "rgba(0,0,0,0)";
|
||||
document.querySelectorAll(".header .name h1").forEach(function (x) {
|
||||
x.style.fontSize = "2rem";
|
||||
});
|
||||
// document.querySelector('.header > h1').style.color = "#ecebeb";
|
||||
document.querySelectorAll(".navElement *").forEach((x) => {
|
||||
x.style.paddingTop = ".5rem";
|
||||
x.style.paddingBottom = ".5rem";
|
||||
x.style.fontSize = "1.2rem";
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function toggleMenu() {
|
||||
if (window.innerWidth < 1400) {
|
||||
const e = document.querySelector(".navControl");
|
||||
|
||||
@@ -6,9 +6,9 @@
|
||||
<div id="aboutMe" class="col" data-aos="fade-up">
|
||||
<h2 class="concentratedHead">About Me</h2>
|
||||
<p>
|
||||
I'm Andrew Simonson, a fourth year student at
|
||||
I'm Andrew Simonson, a senior undergrad at
|
||||
<strong>Rochester Institute of Technology </strong>
|
||||
in the <b>Computer Science BS</b> program, pursuing a career in data
|
||||
in the <b>Computer Science BS</b> program (international relations minor), pursuing a career in data
|
||||
science with a focus on predictive analytics.
|
||||
</p>
|
||||
<p>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" href="{{ url_for('static', filename='favicon.ico') }}" />
|
||||
<link rel="icon" href="{{ url_for('static', filename='icons/neonfinal3.svg') }}" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="theme-color" content="#000000" />
|
||||
<meta name="description" content="{{ var['description'] }}" />
|
||||
@@ -11,7 +11,7 @@
|
||||
<meta property="og:type" content="website" />
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://asimonson.com{{ url_for('static', filename='icons/neonfinal2.svg') }}"
|
||||
content="https://asimonson.com{{ url_for('static', filename='icons/neonfinal3.svg') }}"
|
||||
/>
|
||||
<meta property="og:url" content="{{ var['description'] }}" />
|
||||
<meta property="twitter:title" content="Andrew Simonson" />
|
||||
@@ -20,7 +20,7 @@
|
||||
<meta property="og:site_name" content="Andrew Simonson - Portfolio" />
|
||||
<meta
|
||||
property="twitter:image"
|
||||
content="https://asimonson.com{{ url_for('static', filename='icons/neonfinal2.svg') }}"
|
||||
content="https://asimonson.com{{ url_for('static', filename='icons/neonfinal3.svg') }}"
|
||||
/>
|
||||
<meta name="twitter:image:alt" content="some example picture idk" />
|
||||
<meta name="twitter:site" content="@asimonson1125" />
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
{% block content %} {% macro nameplate() %}
|
||||
<img
|
||||
src="{{ url_for('static', filename='icons/neonfinal2.svg') }}"
|
||||
src="{{ url_for('static', filename='icons/neonfinal3.svg') }}"
|
||||
id="homeIcon"
|
||||
alt="logo"
|
||||
/>
|
||||
<h1 id="homeName">Andrew Simonson</h1>
|
||||
<h1 id="homeName" class='textGrad'>Andrew Simonson</h1>
|
||||
<h3>Computer Science student at Rochester Institute of Technology</h3>
|
||||
<h5>🦅 🦅 🦅 Raahhh wtf is homepage content, we don't do that here 🦅 🦅 🦅</h5>
|
||||
{% endmacro %}
|
||||
@@ -15,12 +15,12 @@
|
||||
<div id="homepage" class="flex">
|
||||
<div id="HomeContent">
|
||||
<div class="flex">
|
||||
<div id="nametagContainer">
|
||||
<div id="nametag" data-aos="fade-up">{{ nameplate() }}</div>
|
||||
</div>
|
||||
<div id="nametag" class="transparent unsetPos" data-aos="fade-up">
|
||||
{{ nameplate() }}
|
||||
</div>
|
||||
<div id="nametagContainer">
|
||||
<div id="nametag" data-aos="fade-up">{{ nameplate() }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="onRight" data-aos="fade-up">
|
||||
@@ -38,8 +38,7 @@
|
||||
{% from 'partials/bookshelf.html' import bookshelf %} {{
|
||||
bookshelf(var.books) }}
|
||||
<br />
|
||||
<a href="/duck">
|
||||
<div class="flex">
|
||||
<div class="flex pointer" onclick="goto('duck')">
|
||||
<img
|
||||
alt="duck spinning"
|
||||
src="{{ url_for('static', filename='photos/gifs/duck-spinning.gif') }}"
|
||||
@@ -56,7 +55,6 @@
|
||||
class="smallImg"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user