-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
85 lines (71 loc) · 6.51 KB
/
index.html
File metadata and controls
85 lines (71 loc) · 6.51 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/generalStyle.css">
<link rel="shortcut icon" href="images/BTlogoF.svg" type="image/x-icon">
<link rel="shortcut icon" href="" type="image/x-icon">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
<title>Portfoilio</title>
</head>
<body>
<nav>
<div id="headerLeft" class="headerHolder">
<h3 id="abLink"><a href="about.html">Bailey Tuckman</a></h3>
<a href="index.html" id="homeLink">
<svg id="logo" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle id="background" cx="35" cy="35" r="35" fill="white"/>
<path id="BT" d="M2.3255 26.376C2.3255 22.3227 4.1175 18.9733 7.7015 16.328C11.2855 13.64 16.0215 12.296 21.9095 12.296C25.0242 12.296 27.8188 12.616 30.2935 13.256C32.7682 13.8533 34.7308 14.6213 36.1815 15.56C37.6322 16.4987 38.8482 17.5867 39.8295 18.824C41.4508 20.9573 42.2402 23.3467 42.1975 25.992C42.1975 28.5947 41.1735 30.92 39.1255 32.968C37.0775 35.016 34.6028 36.0827 31.7015 36.168C35.3282 36.424 38.4642 37.6187 41.1095 39.752C43.7975 41.8853 45.1415 44.5733 45.1415 47.816C45.1415 52.0827 43.4988 55.4107 40.2135 57.8C36.9282 60.1893 32.9175 61.384 28.1815 61.384C23.4882 61.384 20.2882 60.7653 18.5815 59.528L20.5655 54.152C22.4428 55.1333 24.6188 55.624 27.0935 55.624C29.6108 55.624 31.6588 54.8987 33.2375 53.448C34.8162 51.9547 35.6055 49.992 35.6055 47.56C35.6055 45.128 34.5175 43.08 32.3415 41.416C30.2082 39.752 27.2855 38.92 23.5735 38.92L24.1495 34.184C26.7095 34.184 28.8642 33.5867 30.6135 32.392C32.4055 31.1547 33.3228 29.32 33.3655 26.888C33.4508 24.456 32.3628 22.408 30.1015 20.744C27.6695 18.9947 24.3415 18.12 20.1175 18.12C17.3442 18.12 14.6348 18.8453 11.9895 20.296C9.34417 21.704 8.0215 23.6027 8.0215 25.992C8.0215 27.144 8.49083 28.1253 9.4295 28.936C10.3682 29.704 11.6055 30.1733 13.1415 30.344L12.4375 35.08C9.19483 34.952 6.69883 34.0347 4.9495 32.328C3.20017 30.6213 2.3255 28.6373 2.3255 26.376ZM20.6295 48.712C19.9468 53.2773 18.6242 56.52 16.6615 58.44C14.6988 60.3173 12.3948 61.256 9.7495 61.256C7.10417 61.256 5.09883 60.5733 3.7335 59.208C2.36817 57.8427 1.6855 56.0933 1.6855 53.96C1.6855 48.9253 5.50417 44.6373 13.1415 41.096C13.3548 39.304 13.6535 36.8933 14.0375 33.864C14.4642 30.792 14.7842 28.3173 14.9975 26.44C15.2535 24.5627 15.4242 23.3253 15.5095 22.728C17.2588 21.6187 19.2855 21.064 21.5895 21.064C22.6562 21.064 23.6802 21.1707 24.6615 21.384L20.6295 48.712ZM6.4215 53.128C6.4215 54.664 7.14683 55.432 8.5975 55.432C9.19483 55.432 9.8135 55.048 10.4535 54.28C11.1362 53.4693 11.6055 52.2107 11.8615 50.504L12.4375 46.536C8.42683 48.7973 6.4215 50.9947 6.4215 53.128ZM55.1275 19.912C54.2315 21.8747 52.9088 23.496 51.1595 24.776C49.4102 26.056 47.5115 26.696 45.4635 26.696C43.4155 26.696 41.7302 26.0987 40.4075 24.904C39.1275 23.7093 38.4875 21.9387 38.4875 19.592C38.4875 17.2453 39.5328 15.4533 41.6235 14.216C43.7142 12.936 46.1675 12.296 48.9835 12.296H74.3915C74.5195 12.8933 74.5835 13.4693 74.5835 14.024C74.5835 15.4747 74.1142 16.8187 73.1755 18.056C72.2368 19.2933 70.8075 19.912 68.8875 19.912C68.8022 19.912 68.7382 19.912 68.6955 19.912H55.1275ZM46.8075 19.912C45.2288 19.912 44.4395 20.4667 44.4395 21.576C44.4395 22.472 45.1222 22.92 46.4875 22.92C47.1275 22.92 47.8742 22.6427 48.7275 22.088C49.6235 21.5333 50.3702 20.808 50.9675 19.912H46.8075ZM60.0555 48.712C58.9888 57.0747 55.2128 61.256 48.7275 61.256C46.4235 61.256 44.5675 60.552 43.1595 59.144C41.7942 57.736 41.1115 55.9653 41.1115 53.832C41.1115 48.84 44.9088 44.5733 52.5035 41.032L54.7435 24.008C56.4928 22.8987 58.5195 22.344 60.8235 22.344C61.8902 22.344 62.9142 22.4507 63.8955 22.664L60.0555 48.712ZM51.7995 46.472C47.8315 48.776 45.8475 50.9947 45.8475 53.128C45.8475 54.664 46.5942 55.432 48.0875 55.432C49.7942 55.432 50.8608 53.7893 51.2875 50.504L51.7995 46.472Z" fill="black"/>
</svg>
</a>
</div>
<div id="headerCenter" class="headerHolder">
<h1>A Portfoilio</h1>
</div>
<div id="headerRight" class="headerHolder">
<a href="about.html">About</a>
<!-- <a href="contact.html">Contact</a> -->
<a href="projects.html">Projects</a>
</div>
</nav>
<main>
<div id="headshotWrap">
<img id="headshot" src="images/headshot.png" alt="headshot of me">
<div id="labelWrap">
<div class="labelText">Builder</div>
<div class="labelText">Coder</div>
</div>
<!-- <article >Stuff and things</article> -->
</div>
<article id="divider">
<h2 id="motivationHead" class="sectionH2">What is this?</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis auctor ex, ut commodo enim finibus a. Praesent quis dui eget nibh porttitor molestie. Duis sem sapien, ullamcorper vel dignissim ut, imperdiet ut augue. Nullam lectus elit, pulvinar et sodales ut, rhoncus non massa. Praesent tempus, diam vitae blandit cursus, libero diam finibus velit, at aliquet turpis leo vitae est. Donec lacus purus, suscipit nec consequat eget, vestibulum sed velit. Suspendisse augue turpis, suscipit sit amet ultrices egestas, condimentum eget erat. Integer at interdum libero. Proin pharetra, nibh maximus facilisis congue, justo urna tincidunt dui, ut ullamcorper sapien ante id arcu. Vestibulum commodo quam lectus, posuere iaculis lorem efficitur egestas. Sed consequat velit at ligula fringilla sollicitudin.</p>
</article>
<section id="graphWrap">
<div id="graph">
<div class="graphChild top left">
<h2 class="graphHeader">Less Building</h2>
</div>
<div class="graphChild top right">
<h2 class="graphHeader">More Building</h2>
</div>
<div class="graphChild bottom left">
<h2 class="graphHeader">Less Code</h2>
</div>
<div class="graphChild bottom right">
<h2 class="graphHeader">More Code</h2>
</div>
</div>
</section>
<footer>
</footer>
</main>
<script src="javascript/script.js"></script>
</body>
</html>