Browse Source

Added my NodeJS blog to the projects section of the website.

master
jrtechs 6 years ago
parent
commit
b1ffba7eb1
2 changed files with 80 additions and 9 deletions
  1. BIN
      img/portfolio/nodeBlog.png
  2. +80
    -9
      index.html

BIN
img/portfolio/nodeBlog.png View File

Before After
Width: 1216  |  Height: 828  |  Size: 184 KiB

+ 80
- 9
index.html View File

@ -65,6 +65,7 @@
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<!-- Header --> <!-- Header -->
@ -82,12 +83,12 @@
</a> </a>
</div> </div>
<div class="col md-4">
<a href="#about" class="btn btn-lg btn-outline js-scroll-trigger p-4 center-text">
<i class="fa fa-briefcase"></i>
Work
</a>
</div>
<!--<div class="col md-4">-->
<!--<a href="#about" class="btn btn-lg btn-outline js-scroll-trigger p-4 center-text">-->
<!--<i class="fa fa-briefcase"></i>-->
<!--Work-->
<!--</a>-->
<!--</div>-->
<div class="col md-4"> <div class="col md-4">
<a href="#about" class="btn btn-lg btn-outline js-scroll-trigger p-4 center-text"> <a href="#about" class="btn btn-lg btn-outline js-scroll-trigger p-4 center-text">
@ -155,15 +156,15 @@
</a> </a>
</div> </div>
<!--Blog-->
<!--Word press Blog-->
<div class="col-sm-4 portfolio-item"> <div class="col-sm-4 portfolio-item">
<a class="portfolio-link" href="#portfolioJrtechs" data-toggle="modal">
<a class="portfolio-link" href="#portfolioNodeBlog" data-toggle="modal">
<div class="caption"> <div class="caption">
<div class="caption-content"> <div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i> <i class="fa fa-search-plus fa-3x"></i>
</div> </div>
</div> </div>
<img class="img-fluid" src="img/portfolio/jrtechs.net.png" alt="img of wordpress blog">
<img class="img-fluid" src="img/portfolio/nodeBlog.png" alt="Jrtechs Node Blog">
</a> </a>
</div> </div>
@ -253,6 +254,19 @@
</a> </a>
</div> </div>
<!--Word press Blog-->
<div class="col-sm-4 portfolio-item">
<a class="portfolio-link" href="#portfolioJrtechs" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="img/portfolio/jrtechs.net.png" alt="img of wordpress blog">
</a>
</div>
</div> </div>
</div> </div>
</section> </section>
@ -944,6 +958,63 @@
</div> </div>
<!-- Custom Node Blog -->
<div class="portfolio-modal modal fade" id="portfolioNodeBlog" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<h2>Home Brew Blogging Platform</h2>
<hr class="star-primary">
<img class="img-fluid img-centered" src="img/portfolio/nodeBlog.png" alt="NodeJS blog">
<p>In an attempt to resurrect my WordPress blog which I started in middle
school, I started from scratch. Instead of using someone else's
blogging software, I created my own CMS platform using NodeJS. I used
Bootstrap on the front end and used express and SQL on the backend.
Check out the <a href="https://jrtechs.net">website</a> and the
<a href="https://github.com/jrtechs/NodeJSBlog">GitHub</a> for
this project.
</p>
<ul class="list-inline item-details">
<li>Date:
<strong>
February 2018
</strong>
</li>
<li>Skills:
<strong>
<a href="https://nodejs.org/en/">NodeJS</a>
</strong>
<strong>
<a href="https://en.wikipedia.org/wiki/SQL">SQL</a>
</strong>
<strong>
<a href="https://getbootstrap.com/">Bootstrap</a>
</strong>
<strong>
<a href="https://en.wikipedia.org/wiki/JavaScript">Java Script</a>
</strong>
</li>
</ul>
<button class="btn btn-success" type="button" data-dismiss="modal">
<i class="fa fa-times"></i>
Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Bash Manager --> <!-- Bash Manager -->
<div class="portfolio-modal modal fade" id="bashManager" tabindex="-1" role="dialog" aria-hidden="true"> <div class="portfolio-modal modal fade" id="bashManager" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">

Loading…
Cancel
Save