老实说，考虑到我伤心欲绝，只想蜷缩在一个球里，在床上哭泣，我现在可能不应该写作。我在我的设计/建造上非常努力地工作，我为自己感到非常自豪，以至于我很长时间没有感到如此快乐。然而，就像现实与迪斯尼一样……所有幸福的结局都必须崩溃和燃烧，因为生活不是翻转的迪斯尼剧本。
背景故事：
我是一个高功能自闭症患者，在一个非常糟糕的家庭中长大。从小就照顾妈妈。爸爸是个虐待狂。我们真的很穷，所以我从 8 岁起就不得不打 3 份工作，只是为了照顾房子、账单等。现在妈妈最近去世了，我正努力让我的生活重归于好，逃离虐待我的父亲。我买不起大学（因为“获得奖学金和申请援助”是一堆牛粪），我买不起训练营，我买不起导师，所以我用 youtube 自学编码，谷歌和大量阅读。
经过近两年的学习、几个月的设计、几个月的编码、反复试验和研究，我终于完成了我的作品集网站。我看了一眼我的杰作，买了我的域名，然后发表了我的作品。就在我以为我的生活即将改变，我准备好申请新工作的时候，我通过 macbook air 看到了与我的 chrome 浏览器完美契合的美丽景象，我问自己“这是天堂吗？”上帝立即回复“不……这……是……斯巴达……”然后把我快乐的驴踢回了现实。这个故事的寓意，我就是我妈妈所说的我前任的烹饪......垃圾。
这是我的代码，请不要在北欧异教节日里像猪一样烤我。我正在尽我所能（这显然还不够好）。
------------------------------------网站名称---------- -----------------------------------------
arthurcurry.co.uk
是的，这是我的真名，是的，我知道我妈妈以谁的名字命名我，是的，我用这个和我对鱼的痴迷来创建我的网站。请不要从笑话开始。我这辈子都听过。如果你不知道我在说什么......恭喜，你是世界上最有可能不会因此而对我采取行动的 0.01% 的人。
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.pimg1,
.pimg2,
.pimg3 {
position: relative;
opacity: 0.70;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.pimg1 {
min-height: 100%;
}
.pimg2 {
min-height: 400px;
}
.pimg3 {
min-height: 400px;
}
.pimg4 {
background-image: url('image4.jpg');
background-size: cover;
background-repeat: no-repeat;
min-height: 100%;
}
.section {
text-align: center;
padding: 50px 80px;
}
.section-light {
background-color: #f4f4f4;
color: #666;
}
.section-dark {
background-color: #282e34;
color: #ddd;
}
.ptext {
position: absolute;
top: 50%;
width: 100%;
text-align: center;
color: #000;
font-size: 27px;
letter-spacing: 8px;
text-transform: uppercase;
}
.ptext .border {
background-color: #111;
color: #fff;
padding: 20px;
}
.ptext .border.trans {
background-color: transparent;
}
@media(max-width:568px) {
.pimg1,
.pimg2,
.pimg3 {
background-attachment: scroll;
}
}
.info {
position: center;
}
.ptext4 {
position: absolute;
top: 450%;
width: 100%;
text-align: center;
color: #000;
font-size: 27px;
letter-spacing: 3px;
text-transform: uppercase;
}
.ptext4 .border {
background-color: #111;
color: #fff;
padding: 20px;
}
.ptext4 .border.trans {
background-color: transparent;
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Arthur Curry</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="pimg1">
<video autoplay muted loop>
<source src="waves1.mp4" type="video/mp4" class="video1">
</video>
<div class="ptext">
<span class="border">
Designer. Developer. Conservationist.
</span>
<p>"What could be greater than a King? A Hero. A King fights for his nation, a hero fights for everyone." <strong> - Mera</strong></p>
</div>
</div>
<section class="section section-light">
<div class="text">
<h2> Who is Arthur Curry? </h2>
<p>
Many know his name but even more do not know who he truly is. Ever since Arthur Curry was a child, he felt himself drawn to the 7 seas and her despair as if she was physically calling to him. With the incapability to escape the grasp of her cries for
help, he knew something must be done. In 2016 he began teaching himself to code using numerous programming languages, text editors, design and developing platforms. Through his work he has made it his life mission to not just design and develop
but to use his skills for good towards conservation. Many have come to him for advice and have called him a living computer, constantly learning, adapting and solving problems many find challenging.
</p>
</div>
</section>
<div class="pimg2">
<video autoplay muted loop>
<source src="pimg2.mp4" type="video/mp4">
</video>
<div class="ptext">
<span class="border trans">
Did you know that in 2020 Ocean Cleanup broke world record using technolgy to collect <strong><i>103 tons of plastic</strong></i>!
</span>
</div>
</div>
<section class="section section-dark">
<h2>Design Tools</h2>
<p>
Pen & Paper, Sketch pad, Webflow, Apple Mac, photography/videography camera, dive gear, Microsoft Office, Adobe Photoshop, Adobe Lightroom, & Adobe Animate.
</p>
</section>
<div class="pimg3">
<video autoplay muted loop>
<source src="pimg3.mp4" type="video/mp4">
</video>
<div class="ptext">
<span class="border trans">
Did you know that because of technology, scientist are using biorock which gives coral reefs a 1600% to 5000% higher chance of survival?
</span>
</div>
</div>
<section class="section section-dark">
<h2>Developer Tools</h2>
<p>
Github, HTML, CSS, PHP, Python, JS, Sublime Text Editor, Visual Code Text Editor, & Bootstrap.
</p>
</section>
<div class="pimg4">
<div class="ptext4">
<span class="border trans">
<ul>
<li>Would you like to know more about becoming a true conservationist?</li>
<br>
<li>(website coming soon)</li>
<br>
<li><strong><i>ACurry.Business@gmail.com</i></strong></li>
</span>
<a href="http://open.spotify.com/user/q77rp6h9ot83qjk8r9xxg63hn" target="_blank">
<img src="spotify.png" class="spotify">
</a>
<a href="https://www.linkedin.com/in/arthurcurry/" target="_blank">
<img src="linkedin.png" class="linkedin">
</a>
<a href="https://www.instagram.com/oceanic_conservationist/" target="_blank">
<img src="instagram.png" class="instagram">
</a>
</div>
</div>
</body>
</html>