mirror of
https://github.com/len0rd/personal-website.git
synced 2025-03-01 03:51:57 -05:00
fixed contact layout. add short bio to index
This commit is contained in:
len0rd
parent
b4e2bf534f
commit
432e408a2c
|
|
@ -1,9 +1,5 @@
|
||||||
.page-footer {
|
|
||||||
padding-right: 0px;
|
|
||||||
padding-left: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-footer {
|
.icon-footer {
|
||||||
|
padding: 2%;
|
||||||
padding: 2vh;
|
padding: 2vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -33,3 +29,32 @@
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border-color: rgba(255,255,255,0.4);
|
border-color: rgba(255,255,255,0.4);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.cenMain {
|
||||||
|
padding-top: 20%;
|
||||||
|
padding-bottom: 20%;
|
||||||
|
padding-top: 20vh;
|
||||||
|
padding-bottom: 20vh;
|
||||||
|
width: 60%;
|
||||||
|
margin: auto;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.container-cenMain {
|
||||||
|
height: 100%;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.code {
|
||||||
|
background-color: #161038;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-yellow {
|
||||||
|
text-emphasis-color: yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card {
|
||||||
|
background-color: rgba(0, 0, 0, 0.1) !important;
|
||||||
|
}
|
||||||
|
|
@ -4,23 +4,22 @@
|
||||||
<head>
|
<head>
|
||||||
<% include ../partials/include %>
|
<% include ../partials/include %>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
<header>
|
||||||
<% include ../partials/nav %>
|
<% include ../partials/nav %>
|
||||||
|
</header>
|
||||||
|
|
||||||
<main role="main">
|
<div class="container-cenMain">
|
||||||
<div class="container center">
|
<div class="cenMain">
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
|
||||||
<h1>Contact me</h1>
|
<h1>Contact me</h1>
|
||||||
<p>As a lonly explorer of the interwebs, I welcome the warm embrace of human contact. Please email me with the below address:</p>
|
<p>As a lonly explorer of the interwebs, I welcome the warm embrace of human contact. Please email me with the below address:</p>
|
||||||
<h2>contact@lenord.me</h2>
|
<h2>contact@lenord.me</h2>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
|
|
||||||
<% include ../partials/footer %>
|
<% include ../partials/footer %>
|
||||||
<% include ../partials/post_html_include %>
|
<% include ../partials/post_html_include %>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -12,20 +12,34 @@
|
||||||
|
|
||||||
<main role="main">
|
<main role="main">
|
||||||
|
|
||||||
<section class="bgimage mb-5">
|
<section class="bgimage">
|
||||||
<div class="container center">
|
<div class="container center">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
||||||
<h1>welcome to lenordsNet</h1>
|
<h1 class="display-1">welcome to lenordsNet</h1>
|
||||||
<p class="text-white">I dont know what I'm doing</p>
|
<h3 class="text-white">fake it til you make it</h3>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<div class="container mb-5">
|
<div class="container-flex">
|
||||||
|
<div class="row code pb-5 pt-5">
|
||||||
|
<div class="container text-white">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-4 pr-5 d-flex">
|
||||||
|
<samp class="display-1 ml-auto">></samp>
|
||||||
|
</div>
|
||||||
|
<div class="col-8">
|
||||||
|
<samp>No, my name is not Lenord, but I do enjoy minor internet anonymity, hence the screen name. I'm a Computer Engineering student with diverse industry experience. From large commercial Java projects to low-level C firmware development, I've done a little bit of everything (except web development as will be evident with this website). Such experience allows me to understand and solve new problems quickly. My hobbies are just as eclectic as my professional experience. This website showcases many of my personal projects.</samp>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row code pt-5 pb-5">
|
||||||
|
<div class="container">
|
||||||
<div class="card-deck">
|
<div class="card-deck">
|
||||||
<div class="card">
|
<div class="card bg-dark text-white">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<h5 class="card-title">Yama Crawler</h5>
|
<h5 class="card-title">Yama Crawler</h5>
|
||||||
<h6 class="card-subtitle mb-2 text-muted">Selenium-Based Web Crawler</h6>
|
<h6 class="card-subtitle mb-2 text-muted">Selenium-Based Web Crawler</h6>
|
||||||
|
|
@ -33,10 +47,10 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="card-footer">
|
<div class="card-footer">
|
||||||
<a href="https://github.com/len0rd/YamaCrawler" class="card-link">See Code</a>
|
<a href="https://github.com/len0rd/YamaCrawler" class="card-link">See Code</a>
|
||||||
<a href="#" class="btn btn-primary">Read More</a>
|
<a href="#" class="btn btn-outline-light">Read More</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card">
|
<div class="card bg-dark text-white">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<h5 class="card-title">Repley</h5>
|
<h5 class="card-title">Repley</h5>
|
||||||
<h6 class="card-subtitle mb-2 text-muted">The Tomcat - ChartJS crossover nobody asked for</h6>
|
<h6 class="card-subtitle mb-2 text-muted">The Tomcat - ChartJS crossover nobody asked for</h6>
|
||||||
|
|
@ -44,22 +58,26 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="card-footer">
|
<div class="card-footer">
|
||||||
<a href="https://github.com/len0rd/Repley" class="card-link">See Code</a>
|
<a href="https://github.com/len0rd/Repley" class="card-link">See Code</a>
|
||||||
<a href="#" class="btn btn-primary">Read More</a>
|
<a href="#" class="btn btn-outline-light">Read More</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card">
|
<div class="card bg-dark text-white">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<h5 class="card-title">Darkstar</h5>
|
<h5 class="card-title">Darkstar</h5>
|
||||||
<h6 class="card-subtitle mb-2 text-muted">Why buy a quad when you can build it</h6>
|
<h6 class="card-subtitle mb-2 text-muted">Why buy a quad when you can build it</h6>
|
||||||
<p class="card-text">Tbh, idk what other project to put here, we'll have to figure it our later</p>
|
<p class="card-text">Tbh, idk what other project to put here, we'll have to figure it our later</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-footer">
|
<div class="card-footer">
|
||||||
<a href="https://github.com/len0rd/Repley" class="card-link bottom">See Code</a>
|
<a href="https://github.com/len0rd/Repley" class="card-link text-yellow bottom">See Code</a>
|
||||||
<a href="#" class="btn btn-primary">Read More</a>
|
<a href="#" class="btn btn-outline-light">Read More</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<% include ../partials/footer %>
|
<% include ../partials/footer %>
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
<!-- you may need to remove 'fixed-bottom' if the footer is persisting on scroll-->
|
<!-- you may need to remove 'fixed-bottom' if the footer is persisting on scroll-->
|
||||||
<footer class="page-footer container-fluid bottom">
|
<footer class="footer bg-dark">
|
||||||
<div class="container-fluid text-center bg-secondary">
|
<div class="container-fluid text-center">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-12 py-3">
|
<div class="col-md-12 py-3">
|
||||||
<div class="flex-center">
|
<div class="flex-center">
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue