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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -32,4 +28,33 @@
|
||||||
.navbar-transparent {
|
.navbar-transparent {
|
||||||
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;
|
||||||
}
|
}
|
||||||
|
|
@ -2,25 +2,24 @@
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<% include ../partials/include %>
|
<% include ../partials/include %>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
<header>
|
||||||
|
<% include ../partials/nav %>
|
||||||
|
</header>
|
||||||
|
|
||||||
<% include ../partials/nav %>
|
<div class="container-cenMain">
|
||||||
|
<div class="cenMain">
|
||||||
|
<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>
|
||||||
|
<h2>contact@lenord.me</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<main role="main">
|
<% include ../partials/footer %>
|
||||||
<div class="container center">
|
<% include ../partials/post_html_include %>
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
|
||||||
<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>
|
|
||||||
<h2>contact@lenord.me</h2>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
|
|
||||||
<% include ../partials/footer %>
|
|
||||||
<% include ../partials/post_html_include %>
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -12,54 +12,72 @@
|
||||||
|
|
||||||
<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="card-deck">
|
<div class="row code pb-5 pt-5">
|
||||||
<div class="card">
|
<div class="container text-white">
|
||||||
<div class="card-body">
|
<div class="row">
|
||||||
<h5 class="card-title">Yama Crawler</h5>
|
<div class="col-4 pr-5 d-flex">
|
||||||
<h6 class="card-subtitle mb-2 text-muted">Selenium-Based Web Crawler</h6>
|
<samp class="display-1 ml-auto">></samp>
|
||||||
<p class="card-text">Yama is a powerful developer-friendly web crawler/scraper built with Selenium and Java. Built from the ground up by yours truly.</p>
|
</div>
|
||||||
</div>
|
<div class="col-8">
|
||||||
<div class="card-footer">
|
<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>
|
||||||
<a href="https://github.com/len0rd/YamaCrawler" class="card-link">See Code</a>
|
</div>
|
||||||
<a href="#" class="btn btn-primary">Read More</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card">
|
</div>
|
||||||
<div class="card-body">
|
<div class="row code pt-5 pb-5">
|
||||||
<h5 class="card-title">Repley</h5>
|
<div class="container">
|
||||||
<h6 class="card-subtitle mb-2 text-muted">The Tomcat - ChartJS crossover nobody asked for</h6>
|
<div class="card-deck">
|
||||||
<p class="card-text">If you only have a hammer, everything looks like a nail. Repley combines Apache Tomcat and ChartJS to make dynamic database chart generation as easy as editing a JSON file.</p>
|
<div class="card bg-dark text-white">
|
||||||
</div>
|
<div class="card-body">
|
||||||
<div class="card-footer">
|
<h5 class="card-title">Yama Crawler</h5>
|
||||||
<a href="https://github.com/len0rd/Repley" class="card-link">See Code</a>
|
<h6 class="card-subtitle mb-2 text-muted">Selenium-Based Web Crawler</h6>
|
||||||
<a href="#" class="btn btn-primary">Read More</a>
|
<p class="card-text">Yama is a powerful developer-friendly web crawler/scraper built with Selenium and Java. Built from the ground up by yours truly.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="card-footer">
|
||||||
<div class="card">
|
<a href="https://github.com/len0rd/YamaCrawler" class="card-link">See Code</a>
|
||||||
<div class="card-body">
|
<a href="#" class="btn btn-outline-light">Read More</a>
|
||||||
<h5 class="card-title">Darkstar</h5>
|
</div>
|
||||||
<h6 class="card-subtitle mb-2 text-muted">Why buy a quad when you can build it</h6>
|
</div>
|
||||||
<p class="card-text">Tbh, idk what other project to put here, we'll have to figure it our later</p>
|
<div class="card bg-dark text-white">
|
||||||
</div>
|
<div class="card-body">
|
||||||
<div class="card-footer">
|
<h5 class="card-title">Repley</h5>
|
||||||
<a href="https://github.com/len0rd/Repley" class="card-link bottom">See Code</a>
|
<h6 class="card-subtitle mb-2 text-muted">The Tomcat - ChartJS crossover nobody asked for</h6>
|
||||||
<a href="#" class="btn btn-primary">Read More</a>
|
<p class="card-text">If you only have a hammer, everything looks like a nail. Repley combines Apache Tomcat and ChartJS to make dynamic database chart generation as easy as editing a JSON file.</p>
|
||||||
|
</div>
|
||||||
|
<div class="card-footer">
|
||||||
|
<a href="https://github.com/len0rd/Repley" class="card-link">See Code</a>
|
||||||
|
<a href="#" class="btn btn-outline-light">Read More</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card bg-dark text-white">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title">Darkstar</h5>
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
<div class="card-footer">
|
||||||
|
<a href="https://github.com/len0rd/Repley" class="card-link text-yellow bottom">See Code</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