-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog-post-website.html
104 lines (101 loc) · 8.7 KB
/
blog-post-website.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Blog Post - Sebastian Perez-Delgado</title>
<meta name="description" content="Hi I'm Sebastian Perez-Delgado and this is my personal website in where I share my life experiences and projects. I am a Northwestern University student studying computer science. I make things and travel to places like Cornell University or Microsoft headquarters.">
<meta name="keywords" content="Sebastian Perez-Delgado, Computer Science, LinkedIn, Northwestern, GitHub, Sebastian">
<meta name="author" content="Sebastian Perez-Delgado">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i,600,600i">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/simple-line-icons.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.css">
<link rel="stylesheet" href="assets/css/smoothproducts.css">
<title>sebastian perez-delgado</title>
</head>
<body>
<nav class="navbar navbar-light navbar-expand-md clean-navbar">
<div class="container-fluid"><a class="navbar-brand logo" href="index.html">Sebastian Perez-Delgado</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div
class="collapse navbar-collapse" id="navcol-1">
<ul class="nav navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="gallery.html">Gallery</a></li>
<li class="nav-item"><a class="nav-link" href="blog-list.html">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="contact-me.html">Contact me</a></li>
</ul>
</div>
</div>
</nav>
<main class="page blog-post">
<section class="clean-block clean-post dark">
<div class="container">
<div class="block-content">
<div class="post-image" style="height: 450;padding: 0px;"><img src="assets/img/weebleysite3.PNG" style="width: 1110px;"></div>
<div class="post-body">
<h3>Why I made this website.</h3>
<div class="post-info"><span>By Sebastian Perez-Delgado</span><span>Aug 1, 2019</span></div>
<p style="margin-bottom: 0px;">There will come a day when I die. As I lay in a void desensitized by reality, coming to grips with my mortality, I will see nothing but the events of my life. I surround myself in a garden full of achievements with a statue of
my proudest moment. I will feel happy for the last time. </p>
<p style="padding-bottom: 30px;">This happiness will soon turn to fear and shame when the garden decays in front of me to reveal the hidden horrors of my repressed memories. I will be in a state of disarray, which will turn into anguish once the surface of the
statue peels away to reveal my greatest regret. </p>
<p class="text-center d-xl-flex flex-wrap justify-content-xl-center" style="padding-bottom: 0px;width: 3px;margin-right: auto;margin-left: auto;margin-bottom: 0px;"> |</p>
<p class="text-center d-xl-flex flex-wrap justify-content-xl-center" style="padding-bottom: 0px;width: 3px;margin-right: auto;margin-left: auto;margin-bottom: 0px;"> |</p>
<p class="text-center d-xl-flex flex-wrap justify-content-xl-center" style="padding-bottom: 0px;width: 3px;margin-right: auto;margin-left: auto;margin-bottom: 0px;"> |</p>
<p class="text-center d-xl-flex flex-wrap justify-content-xl-center" style="padding-bottom: 30px;width: 3px;margin-right: auto;margin-left: auto;margin-bottom: 450px;">\/</p><img class="d-xl-flex justify-content-xl-center" style="margin-bottom: 100px;margin-left: auto;margin-right: auto;" src="assets/img/selfie.jpg" width="200">
<p style="margin-bottom: 1px;">I am talking about my high school <a href="#">website</a>... I know, totally justified. You see, this abomination was made because it was a requirement for my engineering class. This was the way our teacher managed us, and
it needed to have specific requirements. It needed to have a resume, a document answering 10 questions, and a picture of me.</p>
<p>Me being the akward wall flower that I am, I screwed up the picture because I did not know how to look at a camera. <br>I was told it was bad from my classmates, but I didn't care and just used it. Once the class was over
the website was a distant memory, until I went to college.</p>
<figure class="figure"></figure>
<h4>When my college friends found out</h4>
<p>I was just crying over chemistry like any average college student when I got a snap from my friend Lili. She and some of our friends were reenacting the Shia LaBeouf song. I thought it was weird until I saw The Shia-surprise. Needless
to say, I became cold, and my heart sank faster than the market on black Tuesday. They found my terrible selfie and put it on TV. </p>
<div class="row">
<div class="col-md-6">
<figure class="figure"><img class="rounded img-fluid figure-img" src="assets/img/ref.jpg" alt="A generic square placeholder image with rounded corners in a figure." style="height: 581px;">
<figcaption class="figure-caption">Raf, loves corn and podcasts, hit him up he's single.</figcaption>
</figure>
</div>
<div class="col" style="width: 537px;">
<p style="margin-bottom: 15px;">Now I got over that event quickly, what really killed me was the fact that they were not the only people who found my site. At the site's peak, it was getting 300 unique visitors per month. What kind of person goes to a
dead website? My conclusion is that since I went to college, I was slowly more relevant to Google. I am getting into the professional world with my LinkedIn, GitHub, and my photos are now appear in google searches.
I needed a new website because of my increasing involvement online, and I was pretty transparent about my conclusion with my friends, big mistake. </p>
<p><---- THIS MAN took a domain I was going to use and linked it to my Weebly site!<br>He took <a href="https://sebastianperezdelgado.com">sebastianperezdelgado.com</a> and if this link still goes to my Weebly site
he still hasn't given it to me yet.</p>
</div>
</div>
<h4>Well I can't really fight it.</h4>
<p>I decided to keep both websites. The Weebly site is pretty relevant and not to mention I can link them to each other, making this site also appear in Google searches.</p>
</div>
</div>
</div>
</section>
</main>
<footer class="page-footer dark">
<div class="container">
<div class="row">
<div class="col-sm-3">
<h5>Sebastian Perez-Delgado</h5>
<ul>
<li><a href="blog-list.html">Blogs</a></li>
<li><a href="https://github.com/SebastianPD">GitHub</a></li>
<li><a href="https://www.linkedin.com/in/sebastian-perez-delgado/">LinkedIn</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<p>© 2019</p>
</div>
</footer>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/smart-forms.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.js"></script>
<script src="assets/js/smoothproducts.min.js"></script>
<script src="assets/js/theme.js"></script>
</body>
</html>