-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
138 lines (130 loc) · 17.2 KB
/
index.html
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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="el">
<head>
<meta charset="utf-8">
<title>Bella Bradbury</title>
<link rel="icon" type="image/x-icon" href="svg/favicon.svg">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/styles.css">
<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=Roboto+Mono&display=swap" rel="stylesheet">
</head>
<body>
<header>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="68 48 350 600" class="logo-main-top" role="img" aria-labelledby="main-logo main-desc">
<title id="main-logo">Bella Bradbury logo. </title>
<desc id="main-desc">An animated image of the letter 'B' with circuits running above and below.</desc>
<g class="circut-top logo-draw">
<path class="logo-draw-1" d="M311.3 100c-4.7 2.8-5.2 6.4-2 12.2l2.7 4.8-.1 26.1v26.1l-3.1 3c-1.7 1.7-4.8 5-7 7.5-3.8 4.4-3.8 4.4-3.8 13.3 0 8 .2 9.1 2.2 11l2.3 2.1 1.7-2.2c1.4-1.6 1.8-4 1.8-9.6v-7.5l5.9-6.1c3.2-3.4 6.3-7.2 7-8.4.7-1.4 1.1-9.8 1.1-24.5v-22.3l2.5 2.9 2.5 2.9v35.6c-.1 29.7-.3 35.9-1.5 37.5-.8 1.1-1.5 2.9-1.4 4 0 2 .1 2 .9-.1.5-1.2 1.8-2.7 2.9-3.3 2.1-1.1 2.1-1.8 2.1-38.4v-37.2l-2.5-2.2c-1.4-1.2-2.5-3.1-2.5-4.2 0-2.7 3.5-6 6.3-6 5.1 0 7.7 7.5 3.6 10.3-2 1.5-2 2.1-1.9 39.2l.1 37.6-3.5 3.5c-1.9 1.9-3 3.7-2.5 4 .5.3 2.5-1 4.4-2.9l3.5-3.5V131.5l2.5-2.7c4.7-5.1 1.9-13.1-5.1-14.4-2.5-.5-3.8 0-6.8 2.6l-3.6 3.2v-2.5c0-1.3.8-3.5 1.9-4.8 1-1.3 2.1-3.8 2.5-5.5.6-2.7.2-3.5-2.9-6.3-4.2-3.6-5.8-3.8-10.2-1.1zm9.6 4.2c1.3 2.3 1.3 3 .1 5.2-.7 1.4-1.9 2.6-2.7 2.6-1 0-1.3 5.7-1.3 29.8v29.8l-6.5 6.4-6.5 6.4v9.9c0 8.8-.2 9.8-1.7 9.5-1.5-.3-1.7-1.6-1.6-10.2l.2-10 6.5-6.5 6.5-6.6.1-28.9c.1-28 .1-28.9-1.9-30.3-2.6-1.7-2.7-5.9-.4-8.5 2.5-2.8 7.3-2 9.2 1.4z" />
<path class="logo-draw-3" d="M265.9 127.9c-3.6 3.6-3.7 6.7-.4 11.1 2.5 3.4 2.5 3.6 2.5 24.5v21.1l7 7.5c3.8 4.1 7 8.2 7 9.1 0 2.2 3.7 3.3 5.5 1.8.8-.7 1.5-2.8 1.5-4.7 0-2.8-1.1-4.5-6.5-10.1l-6.5-6.7v-19.7c0-19.4 0-19.8 2.5-23.4 6.2-9.1-4.8-18.3-12.6-10.5zm9.5 1.2c3.3 2.6 3.4 6.2.1 8.7l-2.5 2v42.8l7 6.9c5.8 5.8 7 7.5 7 10.2 0 2.3-.5 3.3-1.5 3.3s-1.5-1-1.5-2.7c0-1.9-1.9-4.6-7.1-9.9l-7-7.3.3-21.8c.3-21.6.3-21.8-1.9-23.6-4.3-3.5-1.9-9.9 3.8-10.6.4-.1 1.8.8 3.3 2z" />
<path class="logo-draw-2" d="M243.5 168.5c-3.1 3-3.3 8.2-.6 11.6 1.5 1.9 2 4.5 2.2 12.1.3 8.3.7 9.9 2.4 11.2 1.8 1.3 2.2 1.3 3.8-.1 1.4-1.3 1.7-3.3 1.7-10.2 0-7.6.3-9.1 2.5-12.3 3.3-4.9 3.2-8.7-.3-12.1-3.7-3.5-8.4-3.6-11.7-.2zm9.3 1.1c3 2.1 3 7.7.1 9.8-2 1.4-2.1 2.3-2 12.6.2 10 0 11.1-1.5 10.8-1.4-.3-1.6-1.7-1.5-11 .2-10.2.1-10.7-2.3-13.2-3.2-3.1-3.3-5-.1-8.1 2.8-2.9 4.2-3.1 7.3-.9z" />
<path class="logo-draw-3" d="M234 85.3c-5.1 2.6-5.9 8.2-2 13.8 1.8 2.5 1.9 4.4 1.7 25.6l-.2 22.9-3.2 3.4-3.3 3.5v23.6c0 21.2.2 23.7 1.8 25.2 1.5 1.4 1.9 1.4 3.7.1 1.9-1.4 2-2.8 2.3-22.7.3-23 .5-25.7 2.6-25.7.8 0 2.1-1.8 3-4 1.3-3.3 1.6-8.2 1.6-26.5 0-22.3 0-22.4 2.5-26.1 1.4-2 2.5-4.3 2.5-5.1 0-2.7-3.1-7.4-5.6-8.3-3.3-1.3-4.4-1.2-7.4.3zm8.2 3.4c2.9 2.6 1.7 9.3-1.7 9.3-1.3 0-1.5 3.8-1.5 25.8v25.8l-3.5 3.4-3.5 3.4v23.4c0 18.2-.3 23.3-1.2 23-1-.4-1.4-6.2-1.6-23.8l-.2-23.4 3.5-3.6 3.5-3.6.1-24.6c.1-23.7 0-24.7-2-26.7-5.6-5.6 2.2-13.8 8.1-8.4z" />
<path class="logo-draw-2" d="M185.4 51.2c-6.4 1.6-8.6 8.3-4.6 13.8 2.2 2.9 2.2 2.9 2.2 68.1 0 35.9.3 66.3.6 67.5.3 1.3 1.5 2.6 2.7 3 4.6 1.5 4.7.7 4.7-56.8 0-33.9.4-53.8 1-53.8 2.2 0 2.8 4.6 2.9 22.9.2 20.7.3 21.2 5.7 27.3l3.3 3.7.1 27.3c0 28.5.4 31 4.4 29.5 3.1-1.2 3.6-5.8 3.6-32.6v-26.8l-2.8-3.9c-1.6-2.1-3.6-4.5-4.5-5.3-1.5-1.2-1.7-3.8-1.7-20.6 0-17.7.2-19.4 2-21.8 3-3.8 2.7-10-.6-12.6-2.8-2.2-8.8-2.8-9.9-1.1-.3.5-1.3 1-2.1 1-1 0-1.4-1.4-1.4-5.8 0-4.6.5-6.5 2.5-9.2 4-5.4 3.1-10.6-2.3-13.2-1.8-1-3.8-1.2-5.8-.6zm5.4 3.4c2.9 2 2.9 6.7 0 9.1l-2.3 1.8v68.4c0 53.9-.3 68.5-1.2 68.8-1 .4-1.3-13.8-1.3-68.6 0-67.9 0-69-2-70.1-3.2-1.7-3.6-5.7-.9-8.6 2.6-2.8 4.6-3 7.7-.8zm12.8 28.9c1.4 2.1 1.5 3.1.6 5.1-.7 1.3-1.9 2.7-2.7 3-1.3.5-1.5 3.8-1.5 21.8v21.2l4.5 4.4 4.5 4.4v29.8c0 25.8-.2 29.8-1.5 29.8s-1.5-3.9-1.5-29.3v-29.3l-4.5-4.4-4.6-4.5.1-21.2c.1-20.1 0-21.3-1.9-23.2-4.1-4.1-2-10.1 3.4-10.1 2.6 0 3.9.6 5.1 2.5z" />
<path class="logo-draw-1" d="M160.7 116.1c-4.6 3.6-5.2 6.4-2.2 11.5 3.5 6 3.2 8.3-1.6 12.9-7.1 6.9-6.9 5.7-6.9 43.2 0 31.1.6 39.4 2.4 34.8.3-.9.6-17.2.6-36.1v-34.5l5.5-5.6c4.7-4.8 5.5-6.1 5.5-9.4 0-2.6-.6-4.2-1.9-5.1-1.1-.8-2.3-2.6-2.6-4-1.3-5.3 6.2-9 9.8-5 2.3 2.6 2.2 6.9-.3 8.4-1.6 1-2 2.4-2 6.5 0 5-.2 5.3-5.5 9.9l-5.5 4.8V183c0 29.6-.2 34.9-1.5 36.8-1.4 2-1.4 2.1 0 1.6 3.2-1.2 3.6-4.5 3.6-23.9-.1-10.6.2-20.1.5-20.9.5-1.3 1-1.1 2.6 1 1.8 2.2 2.1 4.3 2.4 16.2.5 19.8 2.4 19.5 2.4-.4 0-14.8-.1-16-2-17.2-2.7-1.7-2.8-7.7-.1-9.2 2.7-1.4 6.6-1.3 7.9.2 2.4 3.1 2.3 5.7-.2 8.3-2.6 2.5-2.6 2.8-2.6 17.3 0 10.5-.4 15.2-1.2 16.1-1.1 1-.9 1.1.5.5 2.8-1 3.4-3.8 3.6-17.3.2-10.6.5-12.8 2.2-14.9 3.4-4.4 2.2-10.4-2.8-13-3.3-1.8-5.9-1.4-9.1 1.3-2.9 2.4-3.1 2.5-3.7.6-.3-1-.5-5-.3-8.7.2-6.8.3-7 5.5-12.6 4.3-4.6 5.3-6.5 5.3-9.2 0-1.9.6-4.1 1.3-4.8 4.2-4.2 4.8-9.5 1.5-13.2-3.3-3.7-7.6-4.3-11.1-1.5z" />
</g>
<g class="letter-b-out">
<path class="outer-b-out" d="M177.7 208.3c-3.1.9-17.3 11.5-24.3 18.1-.6.6-6.1 5.3-12.2 10.5-7.6 6.4-11.8 10.7-13.2 13.6-2 4.1-2 5.9-2 109.1 0 65.2.4 106.2 1 108.3 1.1 4 4.2 7.6 8.5 9.9 2.7 1.5 9.8 1.6 72.9 1.5 78.6-.2 79.2-.3 94.3-7.4 4.7-2.2 11.4-6.6 15.6-10.2 4.1-3.4 14-11.7 22-18.5 17.3-14.5 22-19.6 25.8-27.7 4.7-9.9 5.8-19.8 5.5-46.5-.3-24.9-1.1-29.8-6-40.5-3.2-7.1-10.4-14.6-17.6-18.4-3.4-1.8-6-3.6-5.8-3.9 7.5-14.2 9.4-24.4 8.5-44.2-.9-18.2-4.3-28.1-12.9-37.5-8.2-9-19.7-13.8-38.3-16.1-14.6-1.7-115.5-1.8-121.8-.1zm120.5 2.8c17.4 1.8 30.4 7.3 38.2 15.9 7.8 8.7 10.6 17.8 11.3 37.1.8 22.1-1.7 33.2-9.5 41.1-3 3.2-3.3 3.8-1.6 3.8 4.2 0 16 6.7 20.1 11.4 9.4 10.7 11.3 18.1 12 46.1 1 40.8-2.2 50.6-22.2 67.3-5.5 4.7-15.6 13.2-22.5 18.9-15.2 12.9-20.6 16.4-29 19.1-12.6 4.1-16.7 4.3-89.2 4l-69.6-.3-2.6-2.4c-1.4-1.4-3-4.1-3.6-6-1.1-4-1.4-205.9-.3-212.4.7-4.5 1.9-5.7 26.8-26.8 9.8-8.4 19.5-15.9 21.5-16.5 4.6-1.7 105-1.9 120.2-.3z" />
<path class="outer-b-in" d="m176 216.9-3 2.9v105.6c0 67.4.4 106.4 1 108.1 2.2 5.7 1.7 5.6 77.4 5.2 76-.4 76.4-.4 89.2-6.7 12.9-6.3 19.9-15.7 22.9-30.8 2.2-10.8 1.7-53.6-.8-61.8-3.6-12.4-9.5-19.5-20.3-24.6-7.3-3.4-17.7-5.1-15.6-2.6.7.9 2.9 1.9 4.9 2.3 7.2 1.3 13.9 4.5 18.4 8.9 9.6 9.2 12 19.5 11.9 50.8-.1 14.8-.6 23.6-1.6 27.7-4.2 18.3-15 27.8-36.7 32.1-3.9.8-27.4 1.2-74.2 1.3l-68.4.2-2.3-2.3-2.3-2.2V326.1c0-101.8.1-105 1.9-107 1.9-2.1 2.2-2.1 59.5-2.1 63.9 0 69.7.4 81.6 6.1 11 5.3 17.7 14.1 20.4 26.7 1.7 8.2 1.4 32.8-.5 39.2-2.1 7-3.7 9.5-9.8 15.2-5.4 5-4.5 6.6 1.5 2.5 9.5-6.4 12.9-16.4 12.9-38.2 0-31.5-8.5-44.6-33.4-51.8-6.8-2-10.2-2.1-69.4-2.4l-62.3-.4-2.9 3z" />
</g>
<g class="letter-b-in" stroke="none" fill="none">
<path class="inner-b-outline" d="M210.8 238.8c-2 .2-4.2 1-5 1.9-1.1 1.3-1.3 17.3-1.3 85.5v84l2.4 2c2.4 1.9 3.9 1.9 51.5 1.6 42.8-.4 49.9-.6 55-2.1 10.2-3 16.4-7.8 20-15.6 1.9-4.3 2.1-6.3 2.1-28.1 0-22.4-.1-23.7-2.3-28.5-4-8.6-11-14.3-21.8-17.5l-4.2-1.3 2.8-4.4c4.4-6.9 5.4-12.8 5.3-32.8 0-15.8-.3-18.7-2.1-24-3.8-10.3-12.1-16.7-25.2-19.4-5-1-67.8-2.1-77.2-1.3zm69.5 3.2c16.9 1.7 26.3 7.6 30.3 19.1 1.6 4.5 1.9 8.5 1.9 23.9 0 19.9-.7 23.7-5.3 29.9-1.4 1.9-4.9 4.5-8.1 6l-5.6 2.6 9 .6c10.9.7 18.7 4 23.9 10 5.4 6.3 6.1 10.6 6.1 35.4 0 20.6-.1 22.2-2.2 26-4.4 8.3-11.8 12.7-23.9 14.5-3.8.5-27.7 1-53.1 1H207v-84.3c0-46.4.3-84.7.7-85 1-1.1 61.5-.8 72.6.3z" />
<path class="inner-b-top" d="M211 284.1v39l38.3-.3c33.5-.3 38.8-.6 42.7-2.1 7.1-2.8 11.8-6.4 14.2-11 2.2-4 2.3-5.3 2.3-23.8v-19.6l-3.5-6.9c-3.1-6.1-4.1-7.2-9-9.6-7.7-4-16.9-4.8-53.7-4.8H211v39.1zm80.5-33.1c4.9 2 6.6 3.4 9.2 7.3 4.9 7.2 5.5 11 5.1 29.6-.4 19.3-1.4 22.6-8.2 26.6-8.4 4.9-13.4 5.5-48.2 5.5-17.7 0-32.9-.3-33.8-.6-1.4-.5-1.6-4.6-1.6-35.4 0-26.9.3-35 1.3-35.4.6-.3 16.7-.4 35.7-.3 34.1.3 34.6.3 40.5 2.7z" />
<path class="inner-inner-b-top" d="M244.3 264c-3.7 1.5-4.3 4.2-4.3 20 0 14.9 0 15.1 2.6 17.7 2.5 2.5 2.5 2.5 17.9 2.2 13.6-.4 15.7-.6 18.2-2.5 5.1-3.8 6.4-7.7 6.1-18.9-.3-8.6-.6-10.5-2.7-13.3-1.3-1.8-3.5-3.8-5-4.4-3.3-1.3-29.9-2-32.8-.8zm32.4 3.8c3.9 2.2 5.3 6.3 5.3 15.9 0 15.6-2.4 17.3-24.2 17.3H243v-35.2l15.8.4c10 .2 16.5.8 17.9 1.6z" />
<path class="inner-b-bottom" d="M211 366.8v40.3l49.3-.3c55-.4 55.3-.4 62.2-7.5 4.8-4.9 6.5-10.9 7.2-24.8 1.2-26.3-4-40.5-16.7-45-6.1-2.3-13.9-2.6-61.3-2.8l-40.7-.2v40.3zm92.6-36.4c5.7.6 11.3 2.7 14.5 5.4 3 2.5 6.6 10 7.7 16.2 1.3 7.1.9 31.3-.7 36.7-2.2 8-9.1 13.2-19.3 14.7-2.5.4-23.8.7-47.4.7-33.9 0-42.9-.3-43.6-1.3-.4-.7-.8-17.4-.8-37l.1-35.7 12.7-.3c19-.4 71 0 76.8.6z" />
<path class="inner-inner-b-bottom" d="M244.1 346.2c-3.6 1.3-4.1 4.2-4.1 21.6 0 23.1-2.2 21.4 27.3 21 21.1-.3 22.7-.4 25.4-2.4 5.4-4.1 6.4-7.2 6.4-19.5-.1-12.7-1.3-15.9-7.1-19.4-3.2-1.8-5.2-2-24.7-2-11.7 0-22.2.3-23.2.7zm46.9 4.1c4 1.9 5 5.3 5 16.7 0 18.5-.9 19-31.2 19H243v-37.5l22.7.3c14.9.2 23.7.7 25.3 1.5z" />
</g>
<g class="circut-btm logo-draw">
<path class="logo-draw-2" d="M316.6 467.2c-1.3 1.9-1.6 6.2-1.7 22.9 0 11.3-.4 21.1-.8 21.7-.5.8-1.4.3-2.8-1.6-1.9-2.6-2.1-4.3-2.2-17.2-.2-14.8-.9-18-4.1-18-3.2 0-3.8 2.8-4.2 18.5-.3 13.8-.5 15.3-2.5 17.9-3.6 4.6-2.5 9.9 2.7 12.9 3.8 2.3 5.1 2.1 9.4-.8 4.6-3.1 5-2.4 4.4 8-.3 7.3-.4 7.5-5 12.2-5.3 5.6-6.6 7.8-6.6 11.6 0 1.6-.8 4.1-1.9 5.6-3.4 4.5-3.7 6.8-1.3 10.5 2.4 4 6.7 5.4 10.9 3.6 5.4-2.2 6.9-8.9 3-13.9-3.1-3.9-2.5-7.5 2.2-11.8 7.1-6.6 6.9-5.3 6.9-44.1 0-19.2-.3-35.7-.6-36.7-1.8-4.7-2.4 3.8-2.4 37v36.1l-5.5 5.4c-5.1 5.1-5.5 5.8-5.5 10.1 0 3.8.4 4.9 1.9 5.4 2.7.8 3.5 5.2 1.6 8.1-2.2 3.4-7.8 3.4-10 0-1.9-2.9-1.1-7.3 1.6-8.1 1.5-.5 1.9-1.6 1.9-5.9 0-4.9.2-5.4 5.5-10.6l5.5-5.4v-36.1c0-26.5.3-36.4 1.2-37.3.6-.6.9-1.4.6-1.8-.4-.3-1.3.5-2.2 1.8zm-10.4 26.3c-.2 11.3 0 17.5.6 17.5 3.8 0 5.5 6.9 2.5 10.2-3.4 3.7-10.3 1-10.3-4.2 0-2.7 2.2-6 3.9-6 .4 0 .5-7.2.3-16-.4-16.4-.2-19 2-19 1 0 1.2 3.8 1 17.5z" />
<path class="logo-draw-1" d="M282.6 481.9c-1.5 1.7-1.7 7.1-1.7 57.4.1 30.6-.2 56.3-.5 57.2-.5 1.2-.9 1.3-2 .4s-1.4-5.5-1.4-22.5v-21.3l-4.5-4.8-4.5-4.8V515c0-24.2-.2-28.9-1.6-30.8-.8-1.2-2.1-2.2-2.9-2.2-3.2 0-3.6 3.9-3.5 34.1 0 29.5.1 30.2 2.2 33.3 1.3 1.7 3.2 3.8 4.3 4.8 1.9 1.5 2 3 2.3 20.5.3 18.5.3 18.9-2.2 23.6-3.1 5.8-3.3 8.6-.6 12 2.7 3.3 7.1 4.3 11 2.3 2.7-1.3 3.2-1.3 3.7 0 1.2 3.1-.3 12.1-2.5 14.9-3.1 3.9-2.8 8 .7 11.6 8.4 8.3 19.7-3.2 12.3-12.5l-2.2-2.8V492.9c0-9.1-.1-9.8-2.4-11.2-2.2-1.5-2.5-1.5-4 .2zm3.5 72.7-.1 72.1 2.5 1.7c4.7 3.1 2.2 10.6-3.4 10.6-3.2 0-4.4-.8-6-3.8-1-1.9-1-2.8.4-4.8.9-1.4 2.2-2.7 2.8-3 .9-.3 1.1-17.2.9-71.7-.1-39.1 0-71.8.3-72.5.3-.8 1-1.2 1.6-1 .7.2 1 21.8 1 72.4zm-20.9-40.3-.3 30.2 4.6 4.5 4.5 4.4v44.8l2.5 2c2.9 2.2 3.2 5.4.9 8.6-3.1 4.4-10.4 1.7-10.4-3.9 0-2.5 2.2-5.9 3.8-5.9.4 0 .6-10 .4-22.2l-.3-22.3-4.4-4.5-4.5-4.6v-30.7c0-28.6.1-30.7 1.8-30.7 1.6 0 1.7 2 1.4 30.3z" />
<path class="logo-draw-3" d="M237.2 484.2c-.8 1.6-1.3 9.9-1.5 25l-.2 22.7-2.6 2.8c-4.8 5.1-4.9 5.9-4.9 31.1 0 23.1-.1 24-2.2 26.7-4.7 6-1.1 14.5 6.2 14.5 5.3 0 9-3.2 9-7.6 0-3.6-1.5-7.4-3.4-8.6-1.7-1.1-1.5-48.6.2-49.6.6-.5 2.3-2.3 3.7-4.2 2.5-3.4 2.5-3.4 2.5-27 0-19.7-.3-23.9-1.6-25.8-1.9-2.8-3.7-2.8-5.2 0zm4 25-.3 25.3-3.4 3.5-3.4 3.5-.1 25.1-.1 25.2 2.5 2.5c3 3 3.2 4.4 1 7.5-3 4.3-11.4 1.9-11.4-3.4 0-2.3 2.3-5.4 4.1-5.4.5 0 .9-11 .9-26.8v-26.8l3.5-3.4 3.5-3.4v-24.3c0-22.5.1-24.3 1.8-24.3 1.6 0 1.7 1.7 1.4 25.2z" />
<path class="logo-draw-2" d="M218.6 482.9c-1.4 1.5-1.8 4-2 11.9-.2 8.1-.7 10.5-2.3 12.8-3.5 5.1-3.7 8-.6 11.4 4.1 4.5 8.3 4.9 12.3 1.3 4.1-3.6 4.4-7.9 1-12.5-2-2.7-2.3-4.4-2.4-13-.2-8.4-.5-10.1-2.2-11.8-2-2.1-2-2.1-3.8-.1zm3.4 12.7c0 11.2.1 11.8 2.5 14 1.4 1.3 2.5 3.1 2.5 4.2 0 2.6-3.7 6.2-6.3 6.2-6-.1-8.8-8.3-3.6-11 1.7-1 1.9-2.2 1.9-13 0-10 .3-12 1.5-12s1.5 2 1.5 11.6z" />
<path class="logo-draw-1" d="M180.2 484.5c-.7 1.4-1.2 3.4-1.2 4.4 0 2.2 4.3 8.2 9.8 13.7l4.2 4.2V549l-2.5 1.6c-5.4 3.5-2.2 12.3 5.1 14.3 8.3 2.3 13.8-8.1 7.9-15.1l-2.5-3V503l-6.5-6.8c-3.6-3.7-6.8-7.8-7.2-9.2-.7-2.6-3-4.9-4.9-5-.6 0-1.6 1.1-2.2 2.5zm4.8 2.8c0 2.7 1.2 4.4 7 10.2l7.1 7-.1 22.8c-.1 22.3-.1 22.8 2.1 24.5 4.7 3.9.9 12.1-5 10.7-5.4-1.3-6.8-7-2.6-10.3l2.5-2v-44.7l-6.9-7c-5.3-5.4-7-7.8-7.4-10.8-.5-3.2-.3-3.7 1.4-3.7 1.5 0 1.9.7 1.9 3.3z" />
<path class="logo-draw-2" d="M135.6 482.9c-1.5 1.6-1.7 6.1-1.7 38.3v36.5l-2.4 3.3c-4.5 6-2.6 12.1 4.6 14.8 2.7 1.1 4.9.3 8.7-3.1l2.2-2v2.7c0 1.5-.9 3.9-2 5.3-3.8 4.8-2 10.8 4 13.3 3.9 1.6 8.5-.1 10.5-4.1 2-3.8 1.9-5-1-9.3l-2.4-3.6-.1-27.8v-27.8l5-4.9c8.4-8.3 9.3-10.4 9.1-20.3-.2-6.3-.7-9.2-1.8-10.4-3.8-4.2-6.2-.6-6.3 9.2v7.6l-7 7.8-7 7.9-.1 18.1c-.1 9.9-.1 20.5-.1 23.3 0 2.9-.3 5.5-.7 5.8-.4.2-1.7-.9-2.9-2.4-2.1-2.8-2.1-3.9-2.2-39.1 0-20.9-.4-37-1-38-1.4-2.6-3.6-3.1-5.4-1.1zm3.5 38.9-.2 38.4 2.6 2.3c4.3 4.1 2.3 10.5-3.4 10.5-3.2 0-4.4-.8-6-3.8-1.3-2.4-.2-5.5 2.5-7 1.3-.7 1.5-5.8 1.4-40.1 0-35.6.1-39.2 1.6-38.9 1.4.3 1.6 4.1 1.5 38.6zm28.9-28v9.8l-7.5 7.4-7.5 7.4v58.8l2.5 2c2.9 2.2 3.2 5.4.9 8.6-1.8 2.6-6.5 3-8.8.6-2.3-2.3-2.1-8.1.4-9.4 1.9-1 2-2.1 2-31.3v-30.2l7.2-7.2 7.2-7.2-.3-9.6c-.2-9-.2-9.5 1.8-9.5s2.1.5 2.1 9.8z" />
</g>
</svg>
<nav id="nav-top" title="Top navigation.">
<ul class="nav-one">
<li><a href="#welcome" title="Jump to Home."><img src="svg/home.svg" alt=""></a></li>
<li><a href="#folios" title="Jump to Portfolio."><img src="svg/folio.svg" alt=""></a></li>
</ul>
<ul class="nav-two">
<li><a href="#about" title="Jump to About."><img src="svg/about.svg" alt=""></a></li>
<li><a href="#contact" title="Jump to Contact."><img src="svg/contact.svg" alt=""></a></li>
</ul>
</nav>
</header>
<main>
<section id="welcome">
<h1>Empowering users with accessible websites</h1>
<p>As an emerging coder who has rapidly excelled in programming, Bella is eager to contribute to the tech community and continue to embrace new challenges!</p>
</section>
<section id="about">
<h2>about</h2>
<ul class="about-jobs">
<li>
<a href="https://teamtreehouse.com" target="_blank" title="Visit Treehouse site."><img src="svg/treehouse.svg" alt=""></a>
<div>
<h3>Slack Moderator</h3>
<p><small>Mar 2023 - Current</small></p>
</div>
</li>
</ul>
<div class="about-personal">
<img src="img/headshot.png" alt="Headshot of Bella Bradbury." class="about-hdst">
<div class="about-bio">
<p>
Bella first caught the programming bug when taking computer class in middle school, but it wasn't until early 2022 that she formally delved into the realm of web development.
Through the successful completion of two TechDegrees from Team Treehouse, Bella honed her skills and opened the door to an exciting opportunity.
Presently, she collaborates with Treehouse to provide continuous support to current students, fostering a thriving community of aspiring developers.
</p>
<p>
When not immersed in the online world, Bella can most often be found captivating audiences on stage or screen.
Her extensive experience in the arts equips her with the ability to confidently forge meaningful connections, commit to continuous practice and problem-solving,
and effectively visualize and manage both intricate details and larger concepts.
</p>
</div>
</div>
<div class="about-tech" title="Bella's skills.">
<img src="svg/html.svg" alt="HTML.">
<img src="svg/css.svg" alt="CSS.">
<img src="svg/javascript.svg" alt="JavaScript.">
<img src="svg/github-icn.svg" alt="GitHub.">
<img src="svg/slack.svg" alt="Slack.">
<img src="svg/node.svg" alt="Node.">
<img src="svg/express.svg" alt="Express.">
<img src="svg/sql.svg" alt="SQL.">
<img src="svg/react.svg" alt="React.">
</div>
</section>
<section id="folios">
<h2>portfolio</h2>
<div id="folios-cot">
<!-- PROJECTS DYNAMICALLY INSERTED VIA PROJECTS.JS -->
</div>
</section>
<section id="contact">
<h2>contact</h2>
<ul>
<li><a href="https://github.com/bellabradbury" target="_blank" title="Open Bella's GitHub account in new tab."><img src="svg/github-link.svg" alt=""></a></li>
<li><a href="mailto:[email protected]" title="Send Bella an email."><img src="svg/email.svg" alt=""></a></li>
</ul>
</section>
</main>
<footer>
<div id="nav-btm">
<img src="svg/logo.svg" alt="Bella Bradbury logo.">
<a href="#top" id="nav-btm-sm" title="Jump to top of page.">↥</a>
<ul id="nav-btm-md">
<li><a href="#welcome" title="Jump to Home."><img src="svg/home.svg" alt=""></a></li>
<li><a href="#about" title="Jump to About."><img src="svg/about.svg" alt=""></a></li>
<li><a href="#folios" title="Jump to Portfolio."><img src="svg/folio.svg" alt=""></a></li>
<li><a href="#contact" title="Jump to Contact."><img src="svg/contact.svg" alt=""></a></li>
</ul>
</div>
<p><small>© Bella Bradbury, 2023</small></p>
</footer>
<script src="js/projects.js"></script>
<script src="js/app.js"></script>
</body>
</html>