Learned a fat lesson about sticky and floats

This commit is contained in:
2024-05-04 19:06:11 -05:00
parent c92cbf8abc
commit 391d5a1768
6 changed files with 69 additions and 100 deletions

View File

@@ -2,7 +2,10 @@
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="{{ url_for('static', filename='icons/withBackground.svg') }}" />
<link
rel="icon"
href="{{ url_for('static', filename='icons/withBackground.svg') }}"
/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta name="description" content="{{ var['description'] }}" />
@@ -62,46 +65,42 @@
<body onpopstate="backButton()">
<noscript>You need to enable JavaScript to run this app.</noscript>
<iframe src="/hotspots?legend=false" title="HotspotsRIT" id="map"></iframe>
<div class="App">
<div class="header">
<div id="name-container" onclick="goto('home', {toggle:false})">
<div class="glitch">
<div class="line name">
<span class="textGrad">Andrew Simonson</span>
</div>
<div class="header">
<div id="name-container" onclick="goto('home', {toggle:false})">
<div class="glitch">
<div class="line name">
<span class="textGrad">Andrew Simonson</span>
</div>
</div>
</div>
<img
src="{{ url_for('static', filename='icons/menu.svg')}}"
alt="menu"
id="menu"
onClick="toggleMenu()"
/>
<div class="navControl">
<div class="navBar">
<div onClick="goto('home')" class="navElement">
<p>Home</p>
</div>
<a href="Resume.pdf" target="_blank" class="navElement">
<span>Resume</span>
</a>
<div onclick="goto('projects')" class="navElement">
<p>Projects</p>
</div>
<!-- <a href="/activities">Activities</a> -->
<div onclick="goto('about')" class="navElement">
<p>About Me</p>
</div>
<img
src="{{ url_for('static', filename='icons/menu.svg')}}"
alt="menu"
id="menu"
onClick="toggleMenu()"
/>
<div class="navControl">
<div class="navBar">
<div onClick="goto('home')" class="navElement">
<p>Home</p>
</div>
<a href="Resume.pdf" target="_blank" class="navElement">
<span>Resume</span>
</a>
<div onclick="goto('projects')" class="navElement">
<p>Projects</p>
</div>
<!-- <a href="/activities">Activities</a> -->
<div onclick="goto('about')" class="navElement">
<p>About Me</p>
</div>
</div>
</div>
</div>
{% endblock %}
{% block content%}
{% endblock %} {% block content%}
<div id="root">{% include var['template'] %}</div>
{% endblock %}
{% block footer %}
{% endblock %} {% block footer %}
<div class="footer">{% include 'partials/socials.html' %}</div>
{% endblock %}
</body>