forked from bennettfeely/bennett
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
28 lines (25 loc) · 37.4 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
<!DOCTYPE html><html class="dark" lang="en"><head><meta charset="utf-8"><meta content="width=device-width,initial-scale=1,shrink-to-fit=no" name="viewport"><title>Bennett Feely</title><meta content="Bennett Feely is a web developer based in Pittsburgh. I make websites so you don't have to." name="description"><link href="style.min.css" rel="stylesheet"><link crossorigin="" href="https://fonts.gstatic.com/" rel="preconnect"><link href="https://fonts.googleapis.com/css?family=Nunito:400,700" rel="stylesheet"><link href="_img/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"><link href="_img/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"><link href="_img/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"><link color="#5bbad5" href="img//safari-pinned-tab.svg" rel="mask-icon"><meta content="#16161d" name="theme-color"></head><body><div class="stars-wrapper"><svg class="stars" height="100%" preserveAspectRatio="none" width="100%"><circle class="star" cx="7.06%" cy="21.12%" r=".6"></circle><circle class="star" cx="0.54%" cy="97.36%" r=".5"></circle><circle class="star" cx="65.09%" cy="34.45%" r="1"></circle><circle class="star" cx="1.28%" cy="99.12%" r=".5"></circle><circle class="star" cx="44.97%" cy="92.56%" r=".8"></circle><circle class="star" cx="71.12%" cy="40.56%" r=".6"></circle><circle class="star" cx="24.86%" cy="96.11%" r=".5"></circle><circle class="star" cx="58.71%" cy="50.46%" r=".9"></circle><circle class="star" cx="86.97%" cy="92.2%" r="1.5"></circle><circle class="star" cx="36.77%" cy="72.51%" r="1.4"></circle><circle class="star" cx="98.68%" cy="68.37%" r="1.3"></circle><circle class="star" cx="16.71%" cy="91.22%" r="1.1"></circle><circle class="star" cx="24.92%" cy="53.87%" r=".5"></circle><circle class="star" cx="10.4%" cy="84.05%" r="1.2"></circle><circle class="star" cx="48.84%" cy="8.06%" r="1.2"></circle><circle class="star" cx="27.96%" cy="75.98%" r=".8"></circle><circle class="star" cx="34.74%" cy="13.24%" r=".6"></circle><circle class="star" cx="25.8%" cy="65.64%" r=".9"></circle><circle class="star" cx="61.95%" cy="43.58%" r=".6"></circle><circle class="star" cx="70.38%" cy="25.55%" r=".6"></circle><circle class="star" cx="36.99%" cy="18.05%" r=".5"></circle><circle class="star" cx="11.71%" cy="50.2%" r=".7"></circle><circle class="star" cx="74.29%" cy="50.28%" r="1.1"></circle><circle class="star" cx="19.23%" cy="63.09%" r=".8"></circle><circle class="star" cx="9.12%" cy="10.62%" r="1"></circle><circle class="star" cx="64.18%" cy="11.13%" r="1.4"></circle><circle class="star" cx="74.22%" cy="79.52%" r=".6"></circle><circle class="star" cx="48.15%" cy="49.35%" r="1.1"></circle><circle class="star" cx="17.98%" cy="45.95%" r=".7"></circle><circle class="star" cx="83.16%" cy="40.31%" r=".7"></circle><circle class="star" cx="37.44%" cy="1.57%" r=".5"></circle><circle class="star" cx="71.62%" cy="50.85%" r="1.1"></circle><circle class="star" cx="85.2%" cy="2%" r="1.1"></circle><circle class="star" cx="34.54%" cy="45.02%" r=".9"></circle><circle class="star" cx="5.74%" cy="95.02%" r=".9"></circle><circle class="star" cx="6.40%" cy="30.44%" r="1.5"></circle><circle class="star" cx="54.24%" cy="77.56%" r="1"></circle><circle class="star" cx="18.04%" cy="92.85%" r="1.5"></circle><circle class="star" cx="48.14%" cy="7.34%" r=".7"></circle><circle class="star" cx="46.68%" cy="45.42%" r=".7"></circle><circle class="star" cx="64.25%" cy="14.29%" r="1.4"></circle><circle class="star" cx="52.65%" cy="74.66%" r="1"></circle><circle class="star" cx="0.60%" cy="16.14%" r=".8"></circle><circle class="star" cx="54.47%" cy="25.73%" r=".7"></circle><circle class="star" cx="71.91%" cy="62.82%" r="1.4"></circle><circle class="star" cx="12.84%" cy="73.21%" r="1.1"></circle><circle class="star" cx="93.49%" cy="77%" r="1.3"></circle><circle class="star" cx="83.84%" cy="5.51%" r=".7"></circle><circle class="star" cx="39.73%" cy="56.19%" r=".5"></circle><circle class="star" cx="59.03%" cy="9.63%" r=".5"></circle><circle class="star" cx="79.29%" cy="37.47%" r="1.3"></circle><circle class="star" cx="41.4%" cy="16.62%" r=".5"></circle><circle class="star" cx="46.61%" cy="81.33%" r="1.3"></circle><circle class="star" cx="55.17%" cy="6.83%" r=".6"></circle><circle class="star" cx="31.04%" cy="73.44%" r="1.3"></circle><circle class="star" cx="3.48%" cy="85.59%" r="1.4"></circle><circle class="star" cx="61.66%" cy="28.1%" r=".7"></circle><circle class="star" cx="27.84%" cy="66.73%" r="1.4"></circle><circle class="star" cx="20.98%" cy="3.52%" r="1.5"></circle><circle class="star" cx="86.59%" cy="37.29%" r="1.1"></circle><circle class="star" cx="25.48%" cy="39.11%" r=".8"></circle><circle class="star" cx="83.34%" cy="86.36%" r="1.3"></circle><circle class="star" cx="13.6%" cy="15.82%" r="1.1"></circle><circle class="star" cx="22.52%" cy="22.45%" r="1.5"></circle><circle class="star" cx="70.7%" cy="54.69%" r="1.3"></circle><circle class="star" cx="98.07%" cy="0.01%" r="1.1"></circle><circle class="star" cx="12.84%" cy="45.81%" r="1.3"></circle><circle class="star" cx="71.38%" cy="74.26%" r=".9"></circle><circle class="star" cx="30.9%" cy="69.77%" r=".5"></circle><circle class="star" cx="25.76%" cy="73.93%" r="1.1"></circle><circle class="star" cx="77.98%" cy="6.1%" r=".9"></circle><circle class="star" cx="97.54%" cy="49.37%" r="1.2"></circle><circle class="star" cx="82.87%" cy="62.12%" r=".6"></circle><circle class="star" cx="96.70%" cy="55.35%" r="1.4"></circle><circle class="star" cx="46.09%" cy="26.54%" r="1.4"></circle><circle class="star" cx="48.11%" cy="31.51%" r="1.2"></circle><circle class="star" cx="28.24%" cy="16.17%" r="1.2"></circle><circle class="star" cx="70.29%" cy="63.96%" r="1"></circle><circle class="star" cx="98.92%" cy="25.41%" r="1.5"></circle><circle class="star" cx="49.93%" cy="43.53%" r="1.4"></circle><circle class="star" cx="94.01%" cy="84.01%" r="1.2"></circle><circle class="star" cx="96.35%" cy="71.41%" r=".7"></circle><circle class="star" cx="82.20%" cy="80.35%" r="1.1"></circle><circle class="star" cx="68.48%" cy="35.62%" r="1.1"></circle><circle class="star" cx="48.77%" cy="20.83%" r="1.4"></circle><circle class="star" cx="89.12%" cy="7.26%" r="1.1"></circle><circle class="star" cx="38.43%" cy="5.5%" r="1.4"></circle><circle class="star" cx="4.51%" cy="8.42%" r=".5"></circle><circle class="star" cx="27.02%" cy="96.9%" r="1.4"></circle><circle class="star" cx="8.37%" cy="56.62%" r=".7"></circle><circle class="star" cx="0.644%" cy="76.06%" r="1.5"></circle><circle class="star" cx="85.43%" cy="90.7%" r=".8"></circle><circle class="star" cx="20.24%" cy="78.77%" r="1"></circle><circle class="star" cx="52.37%" cy="33.93%" r="1.2"></circle><circle class="star" cx="35.09%" cy="59.8%" r=".5"></circle><circle class="star" cx="41.71%" cy="52.63%" r="1.3"></circle><circle class="star" cx="38.9%" cy="29.24%" r="1.2"></circle><circle class="star" cx="47.5%" cy="75.44%" r="1.2"></circle><circle class="star" cx="89.59%" cy="24.85%" r="1.4"></circle><circle class="star" cx="96.07%" cy="6.95%" r=".7"></circle><circle class="star" cx="18.24%" cy="20.55%" r=".8"></circle><circle class="star" cx="51.62%" cy="85.19%" r=".6"></circle><circle class="star" cx="35.6%" cy="52.73%" r="1.4"></circle><circle class="star" cx="36.83%" cy="32.03%" r="1.5"></circle><circle class="star" cx="79.34%" cy="73.09%" r=".7"></circle><circle class="star" cx="1.28%" cy="77.63%" r="1.3"></circle><circle class="star" cx="50.63%" cy="18.51%" r=".7"></circle><circle class="star" cx="2.94%" cy="2.18%" r=".9"></circle><circle class="star" cx="59.18%" cy="54.11%" r="1"></circle><circle class="star" cx="43.08%" cy="71.26%" r=".7"></circle><circle class="star" cx="76.44%" cy="48.47%" r=".7"></circle><circle class="star" cx="79.95%" cy="43.83%" r="1.4"></circle><circle class="star" cx="68.38%" cy="33.46%" r=".7"></circle><circle class="star" cx="92.62%" cy="19.43%" r="1.3"></circle><circle class="star" cx="0.02%" cy="35.52%" r="1.4"></circle><circle class="star" cx="17.31%" cy="39.38%" r="1.3"></circle><circle class="star" cx="29.85%" cy="81.6%" r=".6"></circle><circle class="star" cx="3.78%" cy="42.59%" r=".5"></circle><circle class="star" cx="93.33%" cy="98.77%" r="1.1"></circle><circle class="star" cx="57.55%" cy="37.36%" r="1.1"></circle><circle class="star" cx="20.77%" cy="62.02%" r="1.1"></circle><circle class="star" cx="1.79%" cy="78.21%" r=".5"></circle><circle class="star" cx="61.51%" cy="52.86%" r=".9"></circle><circle class="star" cx="41.52%" cy="64.99%" r="1"></circle><circle class="star" cx="7.86%" cy="38.34%" r="1"></circle><circle class="star" cx="85.46%" cy="82.87%" r=".7"></circle><circle class="star" cx="62.95%" cy="6.08%" r=".8"></circle><circle class="star" cx="7.58%" cy="15.03%" r="1.2"></circle><circle class="star" cx="38.83%" cy="59.1%" r="1.4"></circle><circle class="star" cx="32.95%" cy="13.22%" r="1.2"></circle><circle class="star" cx="35.95%" cy="73.26%" r=".8"></circle><circle class="star" cx="19.74%" cy="86.63%" r=".9"></circle><circle class="star" cx="66.75%" cy="99.83%" r=".6"></circle><circle class="star" cx="25.17%" cy="37.04%" r=".9"></circle><circle class="star" cx="96.7%" cy="74.68%" r="1.4"></circle><circle class="star" cx="96.26%" cy="38.55%" r="1.5"></circle><circle class="star" cx="2.48%" cy="97.79%" r=".6"></circle><circle class="star" cx="35.85%" cy="28.28%" r=".6"></circle><circle class="star" cx="46.33%" cy="52.63%" r="1.1"></circle><circle class="star" cx="8.92%" cy="33.94%" r="1"></circle><circle class="star" cx="73.02%" cy="39%" r="1.4"></circle><circle class="star" cx="8.91%" cy="30.05%" r=".6"></circle><circle class="star" cx="16.77%" cy="27.89%" r=".5"></circle><circle class="star" cx="97.65%" cy="27.8%" r="1.3"></circle><circle class="star" cx="6.14%" cy="84.52%" r=".9"></circle><circle class="star" cx="90.57%" cy="47.86%" r=".9"></circle><circle class="star" cx="45.77%" cy="76.83%" r="1.4"></circle><circle class="star" cx="51.9%" cy="77.94%" r=".7"></circle><circle class="star" cx="56.16%" cy="82.77%" r="1.2"></circle><circle class="star" cx="9.41%" cy="65.43%" r="1"></circle></svg><svg class="stars" height="100%" preserveAspectRatio="none" width="100%"><circle class="star" cx="25.44%" cy="68.9%" r=".6"></circle><circle class="star" cx="32.61%" cy="16.24%" r=".6"></circle><circle class="star" cx="25.54%" cy="51.52%" r="1.5"></circle><circle class="star" cx="67.11%" cy="4%" r=".7"></circle><circle class="star" cx="1.1%" cy="23.7%" r=".9"></circle><circle class="star" cx="27.08%" cy="36.64%" r="1.3"></circle><circle class="star" cx="10.51%" cy="5.32%" r="1.1"></circle><circle class="star" cx="83.01%" cy="90.42%" r="1.2"></circle><circle class="star" cx="69.52%" cy="28.16%" r=".8"></circle><circle class="star" cx="82.12%" cy="30.09%" r="1"></circle><circle class="star" cx="16.8%" cy="52.71%" r=".5"></circle><circle class="star" cx="23.91%" cy="26.11%" r=".6"></circle><circle class="star" cx="82.02%" cy="5.04%" r="1"></circle><circle class="star" cx="29.28%" cy="60.2%" r="1.1"></circle><circle class="star" cx="48.55%" cy="37.76%" r=".9"></circle><circle class="star" cx="68.74%" cy="39.28%" r=".9"></circle><circle class="star" cx="57.19%" cy="19.28%" r="1.1"></circle><circle class="star" cx="82.72%" cy="54.35%" r="1.1"></circle><circle class="star" cx="86.91%" cy="64.31%" r="1.5"></circle><circle class="star" cx="12.97%" cy="95.49%" r=".7"></circle><circle class="star" cx="2.79%" cy="10.11%" r="1.1"></circle><circle class="star" cx="68.38%" cy="55.4%" r=".5"></circle><circle class="star" cx="0.59%" cy="53.57%" r=".5"></circle><circle class="star" cx="72.96%" cy="51.81%" r="1.1"></circle><circle class="star" cx="6.13%" cy="62.77%" r="1.3"></circle><circle class="star" cx="10.8%" cy="91.88%" r=".7"></circle><circle class="star" cx="37.71%" cy="67.48%" r="1.1"></circle><circle class="star" cx="94.52%" cy="15.92%" r=".9"></circle><circle class="star" cx="44.71%" cy="0.15%" r="1.5"></circle><circle class="star" cx="8.59%" cy="52.66%" r=".7"></circle><circle class="star" cx="57.77%" cy="67.6%" r="1.3"></circle><circle class="star" cx="4.94%" cy="35.64%" r=".9"></circle><circle class="star" cx="70.09%" cy="94.37%" r=".8"></circle><circle class="star" cx="48.99%" cy="66.45%" r=".9"></circle><circle class="star" cx="32.27%" cy="2.95%" r="1.4"></circle><circle class="star" cx="65.45%" cy="37.82%" r="1"></circle><circle class="star" cx="36.65%" cy="23.42%" r=".7"></circle><circle class="star" cx="16.26%" cy="61.44%" r="1.5"></circle><circle class="star" cx="98.72%" cy="79.47%" r="1.4"></circle><circle class="star" cx="27.07%" cy="49.71%" r=".7"></circle><circle class="star" cx="32.55%" cy="73.86%" r=".9"></circle><circle class="star" cx="71.18%" cy="44.1%" r=".8"></circle><circle class="star" cx="89.4%" cy="55.18%" r="1.5"></circle><circle class="star" cx="69.88%" cy="21.13%" r="1.5"></circle><circle class="star" cx="10.32%" cy="39.45%" r="1"></circle><circle class="star" cx="59.2%" cy="95.19%" r=".8"></circle><circle class="star" cx="86.38%" cy="77.93%" r=".9"></circle><circle class="star" cx="64.03%" cy="22.09%" r=".5"></circle><circle class="star" cx="38.08%" cy="50.35%" r="1.2"></circle><circle class="star" cx="19.47%" cy="45.24%" r=".6"></circle><circle class="star" cx="40.56%" cy="86.26%" r=".5"></circle><circle class="star" cx="45.21%" cy="52.58%" r=".5"></circle><circle class="star" cx="57.45%" cy="24.31%" r=".5"></circle><circle class="star" cx="24.38%" cy="81.27%" r="1.2"></circle><circle class="star" cx="10.01%" cy="60.78%" r="1.5"></circle><circle class="star" cx="81.23%" cy="13.67%" r="1.2"></circle><circle class="star" cx="71.39%" cy="68.22%" r=".9"></circle><circle class="star" cx="22.7%" cy="62.24%" r=".6"></circle><circle class="star" cx="63.76%" cy="60.12%" r="1.2"></circle><circle class="star" cx="81.56%" cy="11.43%" r=".6"></circle><circle class="star" cx="41.71%" cy="89.72%" r=".7"></circle><circle class="star" cx="10.63%" cy="22.29%" r=".6"></circle><circle class="star" cx="94%" cy="53.23%" r=".8"></circle><circle class="star" cx="67.85%" cy="20.01%" r=".6"></circle><circle class="star" cx="1.53%" cy="15.19%" r=".9"></circle><circle class="star" cx="76.55%" cy="4.98%" r=".7"></circle><circle class="star" cx="8.82%" cy="77.45%" r=".5"></circle><circle class="star" cx="67.52%" cy="11.17%" r="1.3"></circle><circle class="star" cx="86.57%" cy="82.31%" r="1.2"></circle><circle class="star" cx="58.36%" cy="38.76%" r="1.1"></circle><circle class="star" cx="11.7%" cy="75.65%" r=".5"></circle><circle class="star" cx="30.58%" cy="93.19%" r="1.4"></circle><circle class="star" cx="67.28%" cy="82.7%" r=".5"></circle><circle class="star" cx="64.07%" cy="91.35%" r=".9"></circle><circle class="star" cx="6.33%" cy="66.8%" r="1.1"></circle><circle class="star" cx="66.94%" cy="83.31%" r="1"></circle><circle class="star" cx="12.96%" cy="73.46%" r=".7"></circle><circle class="star" cx="57.76%" cy="3.74%" r=".5"></circle><circle class="star" cx="68.77%" cy="41.43%" r="1.3"></circle><circle class="star" cx="51.28%" cy="26.12%" r=".5"></circle><circle class="star" cx="6.63%" cy="53.03%" r=".8"></circle><circle class="star" cx="91.73%" cy="96.3%" r=".5"></circle><circle class="star" cx="30.19%" cy="10.74%" r=".5"></circle><circle class="star" cx="23.79%" cy="80.67%" r=".5"></circle><circle class="star" cx="94.3%" cy="17.37%" r=".6"></circle><circle class="star" cx="91.33%" cy="27.7%" r=".9"></circle><circle class="star" cx="20.95%" cy="76.41%" r=".7"></circle><circle class="star" cx="38.04%" cy="34.2%" r="1.5"></circle><circle class="star" cx="76.14%" cy="61.44%" r="1.3"></circle><circle class="star" cx="9.5%" cy="29.23%" r=".9"></circle><circle class="star" cx="54.5%" cy="67.1%" r="1.3"></circle><circle class="star" cx="81.88%" cy="80.76%" r="1.5"></circle><circle class="star" cx="90.03%" cy="75.03%" r=".6"></circle><circle class="star" cx="36.27%" cy="24.26%" r=".7"></circle><circle class="star" cx="52.12%" cy="85.56%" r="1.5"></circle><circle class="star" cx="30.47%" cy="0.02%" r="1.3"></circle><circle class="star" cx="49.7%" cy="40.29%" r=".6"></circle><circle class="star" cx="7.91%" cy="43.67%" r="1.4"></circle><circle class="star" cx="69.76%" cy="46.95%" r="1.3"></circle><circle class="star" cx="68.98%" cy="50.1%" r="1.1"></circle><circle class="star" cx="48.47%" cy="31.94%" r=".8"></circle><circle class="star" cx="92.53%" cy="12.53%" r=".6"></circle><circle class="star" cx="46.09%" cy="30.34%" r="1"></circle><circle class="star" cx="46.17%" cy="2.84%" r="1.2"></circle><circle class="star" cx="48.09%" cy="40.91%" r="1.2"></circle><circle class="star" cx="37.55%" cy="35.74%" r="1.1"></circle><circle class="star" cx="12.91%" cy="45.19%" r=".9"></circle><circle class="star" cx="25.02%" cy="35.53%" r="1.1"></circle><circle class="star" cx="64.27%" cy="1.95%" r=".7"></circle><circle class="star" cx="93.56%" cy="38.6%" r=".7"></circle><circle class="star" cx="76.24%" cy="48.18%" r="1.5"></circle><circle class="star" cx="85.53%" cy="19.92%" r="1.1"></circle><circle class="star" cx="73.1%" cy="26.07%" r=".6"></circle><circle class="star" cx="23.83%" cy="2.28%" r="1.1"></circle><circle class="star" cx="29.1%" cy="4.64%" r="1.1"></circle><circle class="star" cx="55.14%" cy="10.08%" r=".5"></circle><circle class="star" cx="89.61%" cy="35.45%" r="1.4"></circle><circle class="star" cx="66.24%" cy="50.16%" r=".6"></circle><circle class="star" cx="32.61%" cy="52.25%" r="1.4"></circle><circle class="star" cx="76.82%" cy="56.64%" r="1.2"></circle><circle class="star" cx="63.7%" cy="47.36%" r=".7"></circle><circle class="star" cx="8.16%" cy="25.13%" r="1.4"></circle><circle class="star" cx="75.5%" cy="56.16%" r="1.4"></circle><circle class="star" cx="9.91%" cy="89.7%" r="1"></circle><circle class="star" cx="99.93%" cy="23.8%" r="1.1"></circle><circle class="star" cx="48.44%" cy="52.59%" r="1.4"></circle><circle class="star" cx="49.09%" cy="89.38%" r=".7"></circle><circle class="star" cx="3.02%" cy="83.8%" r=".9"></circle><circle class="star" cx="43.95%" cy="56.19%" r=".9"></circle><circle class="star" cx="42.99%" cy="40.5%" r="1.3"></circle><circle class="star" cx="43.49%" cy="67.42%" r="1.1"></circle><circle class="star" cx="61.29%" cy="83.73%" r=".6"></circle><circle class="star" cx="18.4%" cy="83.48%" r=".5"></circle><circle class="star" cx="88.34%" cy="23.35%" r="1.2"></circle><circle class="star" cx="11.21%" cy="77.67%" r="1.3"></circle><circle class="star" cx="50.78%" cy="90.86%" r="1.1"></circle><circle class="star" cx="47.94%" cy="20.12%" r="1.4"></circle><circle class="star" cx="67.21%" cy="32.93%" r="1.3"></circle><circle class="star" cx="60.84%" cy="92.68%" r=".5"></circle><circle class="star" cx="74.89%" cy="2.86%" r=".8"></circle><circle class="star" cx="49.75%" cy="76.53%" r="1.4"></circle><circle class="star" cx="84.2%" cy="4.74%" r="1.2"></circle><circle class="star" cx="64.1%" cy="45.71%" r="1.4"></circle><circle class="star" cx="27.74%" cy="85.05%" r="1.4"></circle><circle class="star" cx="27.92%" cy="72.36%" r=".8"></circle><circle class="star" cx="91.89%" cy="55.44%" r="1.5"></circle><circle class="star" cx="14.53%" cy="60.92%" r=".9"></circle><circle class="star" cx="67.34%" cy="80.72%" r="1.5"></circle><circle class="star" cx="27.34%" cy="5.9%" r="1.3"></circle><circle class="star" cx="32.16%" cy="87.28%" r=".8"></circle></svg><svg class="stars" height="100%" preserveAspectRatio="none" width="100%"><circle class="star" cx="80.86%" cy="79.97%" r=".6"></circle><circle class="star" cx="52.33%" cy="68.07%" r="1"></circle><circle class="star" cx="0.24%" cy="10.61%" r=".9"></circle><circle class="star" cx="77.42%" cy="56.52%" r=".8"></circle><circle class="star" cx="16.12%" cy="16.23%" r=".7"></circle><circle class="star" cx="82.76%" cy="0.18%" r=".8"></circle><circle class="star" cx="45.89%" cy="98.55%" r="1.5"></circle><circle class="star" cx="91.29%" cy="42.16%" r=".7"></circle><circle class="star" cx="15.89%" cy="26.7%" r="1.3"></circle><circle class="star" cx="78.86%" cy="68.5%" r=".8"></circle><circle class="star" cx="89.01%" cy="99.02%" r="1.4"></circle><circle class="star" cx="91.58%" cy="27.09%" r=".5"></circle><circle class="star" cx="53.25%" cy="91.58%" r=".9"></circle><circle class="star" cx="52.76%" cy="25.25%" r="1.5"></circle><circle class="star" cx="86.77%" cy="18.57%" r="1.4"></circle><circle class="star" cx="75.92%" cy="65.11%" r="1"></circle><circle class="star" cx="69.52%" cy="87.55%" r="1.3"></circle><circle class="star" cx="66.59%" cy="36.32%" r="1.4"></circle><circle class="star" cx="64.22%" cy="70.46%" r="1.1"></circle><circle class="star" cx="38.9%" cy="11.3%" r="1.2"></circle><circle class="star" cx="17.33%" cy="48.18%" r=".6"></circle><circle class="star" cx="26.44%" cy="2.59%" r=".9"></circle><circle class="star" cx="24.49%" cy="60.32%" r="1"></circle><circle class="star" cx="37.88%" cy="39.3%" r="1.4"></circle><circle class="star" cx="70.66%" cy="94.35%" r="1.5"></circle><circle class="star" cx="83.57%" cy="40.6%" r=".5"></circle><circle class="star" cx="62.18%" cy="23.42%" r="1.1"></circle><circle class="star" cx="48.77%" cy="23.76%" r="1"></circle><circle class="star" cx="82.45%" cy="17.08%" r="1.4"></circle><circle class="star" cx="83.12%" cy="76.99%" r="1.4"></circle><circle class="star" cx="72.82%" cy="74.46%" r="1"></circle><circle class="star" cx="86.26%" cy="63.58%" r=".9"></circle><circle class="star" cx="58.76%" cy="46.12%" r=".9"></circle><circle class="star" cx="96.67%" cy="2.51%" r=".9"></circle><circle class="star" cx="64.1%" cy="42.54%" r="1.5"></circle><circle class="star" cx="39.99%" cy="73.66%" r="1.3"></circle><circle class="star" cx="10.61%" cy="33.55%" r="1"></circle><circle class="star" cx="65.41%" cy="76.21%" r="1.2"></circle><circle class="star" cx="81.95%" cy="93.73%" r="1.2"></circle><circle class="star" cx="89.39%" cy="88.03%" r=".8"></circle><circle class="star" cx="71.61%" cy="75.86%" r=".5"></circle><circle class="star" cx="91.2%" cy="24.26%" r=".8"></circle><circle class="star" cx="72.14%" cy="49.05%" r=".9"></circle><circle class="star" cx="46.46%" cy="93.94%" r="1.5"></circle><circle class="star" cx="28.02%" cy="38.51%" r="1.2"></circle><circle class="star" cx="72.57%" cy="35.71%" r=".5"></circle><circle class="star" cx="13.05%" cy="25.38%" r="1.2"></circle><circle class="star" cx="44.3%" cy="58.8%" r=".6"></circle><circle class="star" cx="65.46%" cy="89.74%" r="1.5"></circle><circle class="star" cx="66.08%" cy="27.01%" r="1.1"></circle><circle class="star" cx="19.34%" cy="86.26%" r=".7"></circle><circle class="star" cx="99.17%" cy="41.6%" r="1.3"></circle><circle class="star" cx="61.46%" cy="80.63%" r="1.3"></circle><circle class="star" cx="66.13%" cy="34.19%" r=".7"></circle><circle class="star" cx="9.84%" cy="97.28%" r="1.4"></circle><circle class="star" cx="68.62%" cy="2%" r=".8"></circle><circle class="star" cx="63.97%" cy="37.65%" r="1"></circle><circle class="star" cx="3.95%" cy="44.03%" r=".8"></circle><circle class="star" cx="63.7%" cy="86.61%" r=".6"></circle><circle class="star" cx="52.09%" cy="38.17%" r=".5"></circle><circle class="star" cx="30.8%" cy="38.57%" r=".6"></circle><circle class="star" cx="30.85%" cy="76.04%" r=".9"></circle><circle class="star" cx="32.73%" cy="26.38%" r=".5"></circle><circle class="star" cx="26.73%" cy="33.32%" r=".9"></circle><circle class="star" cx="31.78%" cy="27.87%" r="1.2"></circle><circle class="star" cx="85.57%" cy="99.95%" r="1.1"></circle><circle class="star" cx="21.77%" cy="53.23%" r="1"></circle><circle class="star" cx="78.38%" cy="40.65%" r=".5"></circle><circle class="star" cx="34.12%" cy="52.52%" r=".5"></circle><circle class="star" cx="46.42%" cy="97.31%" r=".9"></circle><circle class="star" cx="61.72%" cy="64.99%" r=".8"></circle><circle class="star" cx="24.64%" cy="35.55%" r="1.2"></circle><circle class="star" cx="9.84%" cy="71.82%" r="1.3"></circle><circle class="star" cx="18.91%" cy="85.83%" r=".7"></circle><circle class="star" cx="22.02%" cy="30.74%" r="1"></circle><circle class="star" cx="78.23%" cy="55.34%" r="1.4"></circle><circle class="star" cx="78.34%" cy="31.63%" r="1"></circle><circle class="star" cx="59.71%" cy="36.21%" r="1"></circle><circle class="star" cx="36.38%" cy="65.67%" r="1.2"></circle><circle class="star" cx="89.95%" cy="73.17%" r=".5"></circle><circle class="star" cx="41.06%" cy="53.52%" r="1.2"></circle><circle class="star" cx="76.35%" cy="47.05%" r="1.2"></circle><circle class="star" cx="12.14%" cy="10%" r=".7"></circle><circle class="star" cx="82.11%" cy="22.34%" r="1.4"></circle><circle class="star" cx="24.64%" cy="82.79%" r="1"></circle><circle class="star" cx="88.76%" cy="13.54%" r="1.3"></circle><circle class="star" cx="66.24%" cy="40.14%" r=".5"></circle><circle class="star" cx="34.45%" cy="49.02%" r="1.1"></circle><circle class="star" cx="90.13%" cy="47.35%" r="1.2"></circle><circle class="star" cx="59.54%" cy="60.34%" r=".9"></circle><circle class="star" cx="40.49%" cy="17.55%" r="1.3"></circle><circle class="star" cx="53.92%" cy="67.02%" r="1"></circle><circle class="star" cx="49.5%" cy="72.06%" r="1"></circle><circle class="star" cx="64.35%" cy="31.81%" r=".5"></circle><circle class="star" cx="67.12%" cy="76.01%" r="1.4"></circle><circle class="star" cx="34.46%" cy="87.57%" r="1.5"></circle><circle class="star" cx="45.04%" cy="30.47%" r=".9"></circle><circle class="star" cx="1.04%" cy="72.42%" r="1.4"></circle><circle class="star" cx="49.21%" cy="39.18%" r="1.4"></circle><circle class="star" cx="95.7%" cy="79.32%" r="1.3"></circle><circle class="star" cx="52.01%" cy="52.75%" r=".7"></circle><circle class="star" cx="78.36%" cy="48.14%" r="1.5"></circle><circle class="star" cx="19.4%" cy="38.31%" r=".7"></circle><circle class="star" cx="22.32%" cy="15.78%" r="1.5"></circle><circle class="star" cx="4.78%" cy="57.53%" r=".5"></circle><circle class="star" cx="79.69%" cy="70.1%" r="1.3"></circle><circle class="star" cx="63.38%" cy="26.43%" r=".8"></circle><circle class="star" cx="19.6%" cy="36.85%" r=".6"></circle><circle class="star" cx="89.5%" cy="28.88%" r="1.5"></circle><circle class="star" cx="39.37%" cy="38.29%" r=".8"></circle><circle class="star" cx="0.55%" cy="17.65%" r="1.4"></circle><circle class="star" cx="6.87%" cy="40.99%" r="1.2"></circle><circle class="star" cx="31.41%" cy="32.74%" r="1.5"></circle><circle class="star" cx="14.3%" cy="38.42%" r="1.3"></circle><circle class="star" cx="40.84%" cy="69.21%" r=".5"></circle><circle class="star" cx="8.77%" cy="16.08%" r=".9"></circle><circle class="star" cx="64.24%" cy="14.15%" r=".6"></circle><circle class="star" cx="68.17%" cy="31.91%" r=".5"></circle><circle class="star" cx="20.55%" cy="47.6%" r="1.4"></circle><circle class="star" cx="28.99%" cy="74.2%" r="1.3"></circle><circle class="star" cx="22.62%" cy="48.13%" r="1.3"></circle><circle class="star" cx="28.11%" cy="45.09%" r=".8"></circle><circle class="star" cx="13.84%" cy="73.29%" r="1.1"></circle><circle class="star" cx="42.26%" cy="42.31%" r=".5"></circle><circle class="star" cx="81.96%" cy="84.69%" r="1.3"></circle><circle class="star" cx="51.97%" cy="50.17%" r=".7"></circle><circle class="star" cx="73.13%" cy="90.95%" r="1"></circle><circle class="star" cx="18.62%" cy="78.67%" r=".6"></circle><circle class="star" cx="52.09%" cy="5.57%" r=".8"></circle><circle class="star" cx="71.12%" cy="22.12%" r="1.3"></circle><circle class="star" cx="12.26%" cy="30.02%" r="1.1"></circle><circle class="star" cx="89.02%" cy="89.31%" r=".6"></circle><circle class="star" cx="26.76%" cy="24.65%" r="1.4"></circle><circle class="star" cx="10.57%" cy="71.55%" r=".8"></circle><circle class="star" cx="21.32%" cy="87.07%" r="1.3"></circle><circle class="star" cx="71.73%" cy="26.58%" r="1.5"></circle><circle class="star" cx="20.48%" cy="79.7%" r=".8"></circle><circle class="star" cx="49.29%" cy="77.39%" r=".5"></circle><circle class="star" cx="99.41%" cy="19.28%" r="1.2"></circle><circle class="star" cx="94.37%" cy="10.24%" r="1.5"></circle><circle class="star" cx="23.78%" cy="89.5%" r="1.2"></circle><circle class="star" cx="56.89%" cy="98.5%" r=".9"></circle><circle class="star" cx="32.65%" cy="69.29%" r=".9"></circle><circle class="star" cx="45.29%" cy="20.86%" r="1.2"></circle><circle class="star" cx="61.62%" cy="3.14%" r="1.1"></circle><circle class="star" cx="92.12%" cy="12.86%" r="1.1"></circle><circle class="star" cx="13.43%" cy="28.86%" r=".5"></circle><circle class="star" cx="65.23%" cy="22.69%" r=".9"></circle><circle class="star" cx="10.08%" cy="63.88%" r="1.4"></circle><circle class="star" cx="91.54%" cy="70.18%" r=".9"></circle></svg><div class="extras-wrapper"><svg class="comet comet-a" height="150" preserveAspectRatio="none" width="150"><defs><radialGradient cx="0" cy=".5" id="comet-gradient" r=".5"><stop offset="0%" stop-color="rgba(255,255,255,.8)"></stop><stop offset="100%" stop-color="rgba(255,255,255,0)"></stop></radialGradient></defs><ellipse cx="100%" cy="50%" fill="url(#comet-gradient)" rx="150" ry="3"></ellipse></svg><svg class="comet comet-b" height="150" preserveAspectRatio="none" width="150"><defs><radialGradient cx="0" cy=".5" id="comet-gradient" r=".5"><stop offset="0%" stop-color="rgba(255,255,255,.8)"></stop><stop offset="100%" stop-color="rgba(255,255,255,0)"></stop></radialGradient></defs><ellipse cx="100%" cy="50%" fill="url(#comet-gradient)" rx="150" ry="3"></ellipse></svg><svg class="comet comet-c" height="150" preserveAspectRatio="none" width="150"><defs><radialGradient cx="0" cy=".5" id="comet-gradient" r=".5"><stop offset="0%" stop-color="rgba(255,255,255,.8)"></stop><stop offset="100%" stop-color="rgba(255,255,255,0)"></stop></radialGradient></defs><ellipse cx="100%" cy="50%" fill="url(#comet-gradient)" rx="150" ry="3"></ellipse></svg></div></div><div class="header-wrapper"><header><div class="container"><img alt="Photo of Bennett Feely" class="me" height="250" src="_img/me.jpg" width="250"><h1>Hello! My name is Bennett Feely. <br>I make websites so you don't have to.</h1></div></header></div><div class="job-wrapper"><section><div class="container"><h2>Update July 2020:</h2><p>I'm currently available for freelance web design and development, logo design, brand design, and graphic design work.</p><a href="#contact">Let's get in touch!</a></div></section></div><div class="main-wrapper"><section><div class="container"><h2><span class="outline">Recent Work</span></h2><ul class="works"><li class="project"><a class="project-link" data-img="mapsfortheweb" href="https://www.w3.org/2020/maps/"><div class="screenshot-wrapper"><img alt="" class="screenshot" height="450" src="_img/screenshots/mapsfortheweb.jpg" width="600"></div><div class="line"></div><div class="caption">Logo and graphics for <strong>Maps for the Web Workshop</strong>, for the W3C</div></a></li><li class="project"><a class="project-link" data-img="openbrainproject" href="https://openbrainproject.org"><div class="screenshot-wrapper"><img alt="" class="screenshot" height="450" src="_img/screenshots/openbrainproject.png" width="600"></div><div class="line"></div><div class="caption"><strong>The Open Brain Project</strong>, at Carnegie Mellon University</div></a></li><li class="project"><a class="project-link" data-img="soteriaradar" href="https://soteriaradar.netlify.com"><div class="screenshot-wrapper"><img alt="" class="screenshot" height="450" src="_img/screenshots/soteriaradar.jpg" width="600"></div><div class="line"></div><div class="caption"><strong>Soteria Radar</strong>, a website for a startup</div></a></li><li class="project"><a class="project-link" data-img="genesismarriage" href="https://genesismarriage.org/"><div class="screenshot-wrapper"><img alt="" class="screenshot" height="450" src="_img/screenshots/genesis.jpg" width="600"></div><div class="line"></div><div class="caption"><strong>Genesis Marriage</strong>, a website for the Archdiocese of Cincinnati</div></a></li></ul><h2><span class="outline">Recent Personal Projects</span></h2><ul class="projects"><li class="project"><a class="project-link" data-img="ztext" href="https://bennettfeely.com/ztext/"><div class="screenshot-wrapper"><img alt="" class="screenshot" height="450" src="_img/screenshots/ztext.png" width="600"></div><div class="line"></div><div class="caption"><strong>ztext.js</strong>, 3D typography for any website and any font</div></a></li><li class="project"><a class="project-link" data-img="csscreatures" href="https://bennettfeely.com/csscreatures/"><div class="screenshot-wrapper"><img alt="" class="screenshot" height="450" src="_img/screenshots/csscreatures.png" width="600"></div><div class="line"></div><div class="caption"><strong>CSS Creatures</strong>, make a creature from your tweet</div></a></li><li class="project"><a class="project-link" data-img="copypastelist" href="https://copypastelist.com"><div class="screenshot-wrapper"><img alt="" class="screenshot" height="450" src="_img/screenshots/copypastelist.png" width="600"></div><div class="line"></div><div class="caption"><strong>Copy Paste List</strong>, collection of lists in plain text</div></a></li><li class="project"><a class="project-link" data-img="usa" href="/usacss"><div class="screenshot-wrapper"><img alt="" class="screenshot" height="450" src="_img/screenshots/usacss.png" width="600"></div><div class="line"></div><div class="caption"><strong>USA.css</strong>, the most American CSS stylesheet</div></a></li><li class="project"><a class="project-link" data-img="pie" href="/csspiechart"><div class="screenshot-wrapper"><img alt="" class="screenshot" height="450" src="_img/screenshots/csspiechart.png" width="600"></div><div class="line"></div><div class="caption"><strong>CSS Pie Chart</strong>, generate pie charts with conic gradients</div></a></li><li class="project"><a class="project-link" data-img="clippy" href="/clippy"><div class="screenshot-wrapper"><img alt="" class="screenshot" height="450" src="_img/screenshots/clippy.png" width="600"></div><div class="line"></div><div class="caption"><strong>Clippy</strong>, a tool for making CSS clip paths</div></a></li><li class="project"><a class="project-link" data-img="antiweather" href="/antiweather"><div class="screenshot-wrapper"><img alt="" class="screenshot" height="450" src="_img/screenshots/antiweather.png" width="600"></div><div class="line"></div><div class="caption"><strong>Antiweather</strong>, see what the weather is like on the other side of the world</div></a></li><li class="project"><a class="project-link" data-img="imageeffects" href="/image-effects"><div class="screenshot-wrapper"><img alt="" class="screenshot" height="450" src="_img/screenshots/imageeffects.png" width="600"></div><div class="line"></div><div class="caption"><strong>CSS Image Effects</strong>, using blend modes for complex image effects</div></a></li><li class="project"><a class="project-link" data-img="gradients" href="/gradients"><div class="screenshot-wrapper"><img alt="" class="screenshot" height="450" src="_img/screenshots/gradients.png" width="600"></div><div class="line"></div><div class="caption"><strong>CSS Gradients</strong>, using blend modes with background gradients</div></a></li><li class="project"><a class="project-link" data-img="flexplorer" href="/flexplorer"><div class="screenshot-wrapper"><img alt="" class="screenshot" height="450" src="_img/screenshots/flexplorer.png" width="600"></div><div class="line"></div><div class="caption"><strong>Flexplorer</strong>, learn how flexbox works with lists</div></a></li><li class="project"><a class="project-link" data-img="cssscales" href="/cssscales"><div class="screenshot-wrapper"><img alt="" class="screenshot" height="450" src="_img/screenshots/cssscales.png" width="600"></div><div class="line"></div><div class="caption"><strong>CSS Scales</strong>, accessible CSS gradients</div></a></li></ul></div></section></div><div class="contact-wrapper" id="contact"><section><div class="container"><h2><span class="outline">Contact</span></h2><ul class="contacts"><li class="contact"><a class="contact-link email-link" href="mailto:[email protected]"><strong>Email</strong> <span>[email protected]</span></a></li><li class="contact"><a class="contact-link" href="https://twitter.com/bennettfeely"><strong>Twitter</strong> @bennettfeely</a></li><li class="contact"><a class="contact-link" href="https://github.com/bennettfeely"><strong>GitHub</strong> @bennettfeely</a></li><li class="contact"><a class="contact-link" href="https://instagram.com/bennettfeely"><strong>Instagram</strong> @bennettfeely</a></li><li class="contact"><a class="contact-link" href="https://codepen.io/bennettfeely"><strong>CodePen</strong> /bennettfeely</a></li><li class="contact"><a class="contact-link" href="https://www.linkedin.com/in/bennettfeely/"><strong>LinkedIn</strong> /in/bennettfeely</a></li></ul></div></section></div><div class="footer-wrapper"><footer><div class="container"><p class="copyright">© 2020 Bennett Feely</p><button class="dark-toggle outline">Turn off <strong>Dark Mode</strong></button></div></footer></div><script async="true" src="https://www.googletagmanager.com/gtag/js?id=UA-35724550-1"></script><script>let html = document.querySelector('html');
let meta = document.querySelector('meta[name="theme-color"]');
let toggle = document.querySelector('.dark-toggle');
let comet = document.querySelector('.comet');
let now = new Date();
let hours = now.getHours();
toggle.addEventListener("click", toggleDark);
function toggleDark() {
html.classList.toggle('dark');
if (!html.classList.contains('dark')) {
// Turn on Dark Mode
meta.setAttribute("content", "#ffffff");
toggle.innerHTML = "Turn on <strong>Dark Mode</strong>";
localStorage.removeItem("bennettfeely-dark-mode");
} else {
// Turn off Dark Mode
meta.setAttribute("content", "#16161d");
toggle.innerHTML = "Turn off <strong>Dark Mode</strong>";
localStorage.setItem("bennettfeely-dark-mode", "enabled");
}
}
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-35724550-1');</script></body></html>