|
@ -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"> |
|
|