mirror of
https://github.com/asimonson1125/asimonson1125.github.io.git
synced 2026-02-25 05:09:49 -06:00
Rebuild homepage with Flask
This commit is contained in:
11
src/templates/error.html
Normal file
11
src/templates/error.html
Normal file
@@ -0,0 +1,11 @@
|
||||
{% extends "header.html" %} {% block content %}
|
||||
<div class="fPage">
|
||||
<div class="heightBox">
|
||||
<div class="neonBox">
|
||||
<h1 class="neon">ERROR {{error}}</h1>
|
||||
<br /><br />
|
||||
<h3 class="neon">{{message}}</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
108
src/templates/header.html
Normal file
108
src/templates/header.html
Normal file
@@ -0,0 +1,108 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" href="{{ url_for('static', filename='favicon.ico') }}" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="theme-color" content="#000000" />
|
||||
<meta name="description" content="{{ description }}" />
|
||||
<meta property="og:title" content="Andrew Simonson" />
|
||||
<!-- <meta property="og:type" content="article" /> -->
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Digital Portfolio - Andrew Simonson"
|
||||
/>
|
||||
<meta
|
||||
property="og:image"
|
||||
content="{{ url_for('static', filename='photos/sun.png') }}"
|
||||
/>
|
||||
<meta property="og:url" content="https://asimonson.com" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta property="og:site_name" content="Andrew Simonson - Portfolio" />
|
||||
<meta name="twitter:image:alt" content="some example picture idk" />
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script
|
||||
async
|
||||
src="https://www.googletagmanager.com/gtag/js?id=G-E2V93W9CNV"
|
||||
></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag("js", new Date());
|
||||
|
||||
gtag("config", "G-E2V93W9CNV");
|
||||
</script>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="{{ url_for('static', filename='css/App.css') }}"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="{{ url_for('static', filename='css/checkbox.css') }}"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="{{ url_for('static', filename='css/head.css') }}"
|
||||
/>
|
||||
|
||||
<link rel="canonical" href="https://asimonson.com/{{ canonical }}" />
|
||||
<script src="https://cdn.jsdelivr.net/npm/p5@1.4.1/lib/p5.js"></script>
|
||||
<script src="{{ url_for('static', filename='js/idler.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/checkbox.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/responsive.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/chessbed.js') }}"></script>
|
||||
<title>{{ title }}</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<noscript>You need to enable JavaScript to run this app.</noscript>
|
||||
<!-- https://jinja.palletsprojects.com/en/3.1.x/templates/#include -->
|
||||
<div class="App">
|
||||
<div class="header">
|
||||
|
||||
<a href="/">
|
||||
<div id="name-container">
|
||||
<div class="glitch">
|
||||
{% for i in range(9) %}
|
||||
<div class="line name">
|
||||
<span class="textGrad">Andrew Simonson</span>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<img
|
||||
src="{{ url_for('static', filename='icons/menu.svg')}}"
|
||||
alt="menu"
|
||||
id="menu"
|
||||
onClick="toggleMenu()"
|
||||
/>
|
||||
<div class="navControl">
|
||||
<div class="navBar">
|
||||
<div class="navElement">
|
||||
<a href="/">Home</a>
|
||||
</div>
|
||||
<div class="navElement">
|
||||
<a href="Resume.pdf" target="_blank"> Resume </a>
|
||||
</div>
|
||||
<div class="navElement">
|
||||
<a href="/projects">Projects</a>
|
||||
</div>
|
||||
<!-- <a href="/activities">Activities</a> -->
|
||||
<div class="navElement">
|
||||
<a href="/about">About Me</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<!-- <Socials /> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="root">{% block content %}{% endblock %}</div>
|
||||
</body>
|
||||
</html>
|
||||
23
src/templates/home.html
Normal file
23
src/templates/home.html
Normal file
@@ -0,0 +1,23 @@
|
||||
{% extends "header.html" %} {% block content %}
|
||||
<div class="homeground">
|
||||
<div class="relative">
|
||||
<div class="flex">
|
||||
<div id="HomeContent" data-aos="fade-up">
|
||||
<h1>Andrew Simonson</h1>
|
||||
<h3>Computer Science student at Rochester Institute of Technology</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="onRight" data-aos="fade-up">
|
||||
<iframe
|
||||
title="langstats"
|
||||
src="{{ url_for('static', filename='readme-stats-vercel-01-25-2023.svg') }}"
|
||||
class="langstats"
|
||||
></iframe>
|
||||
<div class="chess">
|
||||
{% from 'partials/chess.html' import chess %}
|
||||
{{ chess('asimonson1125') }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
41
src/templates/partials/chess.html
Normal file
41
src/templates/partials/chess.html
Normal file
@@ -0,0 +1,41 @@
|
||||
{% macro chess(username) %}
|
||||
<div class="black">
|
||||
<div
|
||||
id="chessProfile"
|
||||
class="diamonds"
|
||||
onClick="window.top.location.href = 'https://chess.com/member/{{ username }}'"
|
||||
>
|
||||
<div class="identity chessInfo">
|
||||
<div class="pfpContainer">
|
||||
<div>
|
||||
<img class="pfp chessImage" src='{{ url_for('static',
|
||||
filename='chesscom-embed/default.svg') }}' alt={{ username }} />
|
||||
</div>
|
||||
</div>
|
||||
<h5 class="chessName">Loading...</h5>
|
||||
</div>
|
||||
<div class="vContainer chessInfo">
|
||||
<div class="vItem chessRapid">
|
||||
<div class="chessIcon rapid">Ἓ</div>
|
||||
<div class="chessStat"></div>
|
||||
</div>
|
||||
<div class="vItem chessBlitz">
|
||||
<div class="chessIcon blitz">Ἔ</div>
|
||||
<div class="chessStat"></div>
|
||||
</div>
|
||||
<div class="vItem chessBullet">
|
||||
<div class="chessIcon bullet">Ἕ</div>
|
||||
<div class="chessStat"></div>
|
||||
</div>
|
||||
<div class="vItem chessPuzzles">
|
||||
<div class="chessIcon puzzles">ἕ</div>
|
||||
<div class="chessStat"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottomtext">Chess.com Stat Embed by Andrew Simonson</div>
|
||||
</div>
|
||||
<script>
|
||||
addChessEmbed("{{ username }}");
|
||||
</script>
|
||||
{%- endmacro %}
|
||||
0
src/templates/partials/idler.html
Normal file
0
src/templates/partials/idler.html
Normal file
Reference in New Issue
Block a user