added some stuff to homepage

This commit is contained in:
len0rd 2018-08-06 07:06:39 -04:00
parent a8d776e1d0
commit 32d2695f88
3 changed files with 31 additions and 9 deletions

View file

@ -53,7 +53,7 @@
.card-soft-link { .card-soft-link {
color: #5AB2DA; color: #5AB2DA;
padding-right: 2%; padding-left: 2%;
} }
.card { .card {

View file

@ -24,6 +24,7 @@ const addClass = {
var regex = new RegExp(`<${key}(.*?)>`, 'g'); var regex = new RegExp(`<${key}(.*?)>`, 'g');
matcher = regex.exec(modifiedText); matcher = regex.exec(modifiedText);
// only proceed if we found a match, and the class we add isn't already on the tag somehow
while (matcher != null && !matcher[0].includes(classMap[key])) { while (matcher != null && !matcher[0].includes(classMap[key])) {
// add the class content WHILE preserving any other properties already in the tag! // add the class content WHILE preserving any other properties already in the tag!
console.log("adding class content in: " + matcher[0]); console.log("adding class content in: " + matcher[0]);

View file

@ -35,16 +35,16 @@
</div> </div>
</div> </div>
<div class="container pb-5 pt-5"> <div class="container pb-5 pt-5">
<div class="card-deck"> <div class="card-columns">
<div class="card bg-dark border-light text-white"> <div class="card bg-dark border-light 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>
<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> <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="card-footer"> <div class="card-footer pb-3">
<a href="https://github.com/len0rd/YamaCrawler" class="card-link card-soft-link">See Code</a>
<a href="#" class="btn btn-outline-light">Read More</a> <a href="#" class="btn btn-outline-light">Read More</a>
<a href="https://github.com/len0rd/YamaCrawler" class="card-link card-soft-link">See Code</a>
</div> </div>
</div> </div>
<div class="card bg-dark border-light text-white"> <div class="card bg-dark border-light text-white">
@ -53,26 +53,47 @@
<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>
<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> <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>
<div class="card-footer"> <div class="card-footer pb-3">
<a href="https://github.com/len0rd/Repley" class="card-link card-soft-link">See Code</a>
<a href="#" class="btn btn-outline-light">Read More</a> <a href="#" class="btn btn-outline-light">Read More</a>
<a href="https://github.com/len0rd/Repley" class="card-link card-soft-link">See Code</a>
</div> </div>
</div> </div>
<div class="card bg-dark border-light text-white"> <div class="card bg-dark border-light 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">Darkstar is my first foray into building my own drone. I used a mixture of open source software and some of my own stuff to get the hunk of junk into the air </p>
</div> </div>
<div class="card-footer"> <div class="card-footer pb-3">
<a href="projects/darkstar" class="btn btn-outline-light">Read More</a>
<a href="https://github.com/len0rd/darkstar_copter" class="card-link card-soft-link">See Code</a> <a href="https://github.com/len0rd/darkstar_copter" class="card-link card-soft-link">See Code</a>
</div>
</div>
<div class="card bg-dark border-light text-white">
<div class="card-body">
<h5 class="card-title">Pallet Desk</h5>
<h6 class="card-subtitle mb-2 text-muted">Reliable and cheap desk</h6>
<p class="card-text">Building my dream desk on a poor-college-student budget. The end result: a portable and rock solid desk with a couple of flaws</p>
</div>
<div class="card-footer pb-3">
<a href="projects/darkstar" class="btn btn-outline-light">Read More</a> <a href="projects/darkstar" class="btn btn-outline-light">Read More</a>
</div> </div>
</div> </div>
<div class="card bg-dark border-light text-white">
<div class="card-body">
<h5 class="card-title">My Website</h5>
<h6 class="card-subtitle mb-2 text-muted">Is this meta?</h6>
<p class="card-text">A post on my website about how I built my website? Yep. Turns out things aren't quite plug 'n play when you're a stubborn engineer who wants something to function in a very specific way</p>
</div>
<div class="card-footer pb-3">
<a href="projects/darkstar" class="btn btn-outline-light">Read More</a>
<a href="https://github.com/len0rd/personal-website" class="card-link card-soft-link">See Code</a>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
</main> </main>