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 {
|
||||
padding: 2%;
|
||||
padding: 2vh;
|
||||
}
|
||||
|
||||
|
|
@ -32,4 +28,33 @@
|
|||
.navbar-transparent {
|
||||
background-color: transparent;
|
||||
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">
|
||||
|
||||
<head>
|
||||
<% include ../partials/include %>
|
||||
<% include ../partials/include %>
|
||||
</head>
|
||||
|
||||
<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">
|
||||
<div class="container center">
|
||||
<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 %>
|
||||
<% include ../partials/footer %>
|
||||
<% include ../partials/post_html_include %>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -12,54 +12,72 @@
|
|||
|
||||
<main role="main">
|
||||
|
||||
<section class="bgimage mb-5">
|
||||
<section class="bgimage">
|
||||
<div class="container center">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
||||
<h1>welcome to lenordsNet</h1>
|
||||
<p class="text-white">I dont know what I'm doing</p>
|
||||
<h1 class="display-1">welcome to lenordsNet</h1>
|
||||
<h3 class="text-white">fake it til you make it</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container mb-5">
|
||||
<div class="card-deck">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Yama Crawler</h5>
|
||||
<h6 class="card-subtitle mb-2 text-muted">Selenium-Based Web Crawler</h6>
|
||||
<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 class="card-footer">
|
||||
<a href="https://github.com/len0rd/YamaCrawler" class="card-link">See Code</a>
|
||||
<a href="#" class="btn btn-primary">Read More</a>
|
||||
<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 class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Repley</h5>
|
||||
<h6 class="card-subtitle mb-2 text-muted">The Tomcat - ChartJS crossover nobody asked for</h6>
|
||||
<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-primary">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<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 bottom">See Code</a>
|
||||
<a href="#" class="btn btn-primary">Read More</a>
|
||||
</div>
|
||||
<div class="row code pt-5 pb-5">
|
||||
<div class="container">
|
||||
<div class="card-deck">
|
||||
<div class="card bg-dark text-white">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Yama Crawler</h5>
|
||||
<h6 class="card-subtitle mb-2 text-muted">Selenium-Based Web Crawler</h6>
|
||||
<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 class="card-footer">
|
||||
<a href="https://github.com/len0rd/YamaCrawler" 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">Repley</h5>
|
||||
<h6 class="card-subtitle mb-2 text-muted">The Tomcat - ChartJS crossover nobody asked for</h6>
|
||||
<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>
|
||||
|
||||
|
||||
</main>
|
||||
|
||||
<% include ../partials/footer %>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<!-- you may need to remove 'fixed-bottom' if the footer is persisting on scroll-->
|
||||
<footer class="page-footer container-fluid bottom">
|
||||
<div class="container-fluid text-center bg-secondary">
|
||||
<footer class="footer bg-dark">
|
||||
<div class="container-fluid text-center">
|
||||
<div class="row">
|
||||
<div class="col-md-12 py-3">
|
||||
<div class="flex-center">
|
||||
|
|
|
|||
Loading…
Reference in a new issue