enpaul/enpaul.net
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Added content to services page

Browse Source
This commit is contained in:
Ethan N. Paul 2018-02-02 20:05:54 -05:00
parent eb01bd16fa
commit 8a371f0902
2 changed files with 72 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
css/style.css
View File

@ -544,6 +544,7 @@ body.mobile-nav-active #mobile-nav-toggle {
font-weight: 700;
margin-bottom: 15px;
text-transform: uppercase;
color: #111;
}
#network .service-title a {
@ -555,6 +556,15 @@ body.mobile-nav-active #mobile-nav-toggle {
line-height: 24px;
}
#network .service-link {
margin-left: 80px;
}
#network .service-link a {
margin-right: 10px;
font-weight: bold;
}
/* status Section
--------------------------------*/
#status {
@ -862,3 +872,20 @@ body.mobile-nav-active #mobile-nav-toggle {
font-size: 13px;
color: #ccc;
}
/*--------------------------------------------------------------
# Primary button
--------------------------------------------------------------*/
.btn-default {
border: 1px solid #2C9FFF;
color: #2C9FFF;
background-color: transparent;
}
.btn-default:hover,
.btn-default:focus {
border: 1px solid #fff;
outline: 0;
color: #000;
background-color: #fff;
}

66
index.html
View File

@ -65,8 +65,9 @@
<h1>Ethan N. Paul</h1>
<h2>I am an engineering <span class="rotating">student, tinkerer, programmer, designer</span></h2>
<div class="actions">
<a href="#about" class="btn-get-started">About Me</a>
<a href="#network" class="btn-services">Network Services</a>
<a href="#about" class="btn-services">About</a>
<a href="#contact" class="btn-services">Contact</a>
<a href="#network" class="btn-services">Network</a>
</div>
</div>
</div>
@ -135,40 +136,63 @@
<div class="col-md-12">
<h3 class="section-title">Network Services</h3>
<div class="section-title-divider"></div>
<p class="section-description">The ENPaul Network provides a number of services for entertainment, reference, security, and productivity.<br>To Learn more about the network as a whole, please <a href="https://docs.enpaul.net/">read the docs</a>.</p>
<p class="section-description">The ENPaul Network provides a number of services for entertainment, reference, security, and productivity.<br>To Learn more about the network as a whole, please <a href="https://docs.enpaul.net/" target="_blank">read the docs</a>.</p>
</div>
</div>
<div class="row">
<div class="col-md-4 service-item">
<div class="service-icon"><i class="fa fa-desktop"></i></div>
<h4 class="service-title"><a href="">Active Directory Domain</a></h4>
<p class="service-description">Voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident</p>
<div class="service-icon"><i class="fa fa-sitemap"></i></div>
<h4 class="service-title">Active Directory</h4>
<p class="service-description"><a href="https://docs.microsoft.com/en-us/windows-server/identity/ad-ds/get-started/virtual-dc/active-directory-domain-services-overview" target="_blank">Active Directory Domain Services (ADDS)</a> provides user authentication, administration, and security.</p>
<div class="service-link">
<a class="btn btn-default" href="https://docs.enpaul.net/adds/"><i class="fa fa-book"></i>&nbsp;Docs</a>
</div>
</div>
<div class="col-md-4 service-item">
<div class="service-icon"><i class="fa fa-bar-chart"></i></div>
<h4 class="service-title"><a href="">VPN</a></h4>
<p class="service-description">Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat tarad limino ata</p>
<div class="service-icon"><i class="fa fa-key"></i></div>
<h4 class="service-title">VPN</h4>
<p class="service-description">Virtual Private Networking (VPN) allows users to secure their network traffic from anywhere in the world.</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/vpn/overview/"><i class="fa fa-book"></i>&nbsp;Docs</a>
<a class=" btn btn-default" href="https://docs.enpaul.net/vpn/connect/"><i class="fa fa-book"></i>&nbsp;Connect</a>
</div>
</div>
<div class="col-md-4 service-item">
<div class="service-icon"><i class="fa fa-paper-plane"></i></div>
<h4 class="service-title"><a href="">GitLab</a></h4>
<p class="service-description">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
<a href="https://gitlab.enpaul.net/"><div class="service-icon"><i class="fa fa-gitlab"></i></div></a>
<h4 class="service-title"><a href="https://gitlab.enpaul.net/">GitLab</a></h4>
<p class="service-description"><a href="https://about.gitlab.com/" target="_blank">GitLab</a> is a <a href="https://git-scm.com/book/en/v2/Getting-Started-About-Version-Control" target="_blank">git-based source control</a> service for collaborative project development and deployment.</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/gitlab/overview/"><i class="fa fa-book"></i>&nbsp;Docs</a>
<a class=" btn btn-default" href="https://gitlab.enpaul.net/"><i class="fa fa-chevron-right"></i>&nbsp;GitLab</a>
</div>
</div>
<div class="col-md-4 service-item">
<div class="service-icon"><i class="fa fa-photo"></i></div>
<h4 class="service-title"><a href="">Plex Media Server</a></h4>
<p class="service-description">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
<a href="https://plex.enpaul.net/"><div class="service-icon"><i class="fa fa-film"></i></div></a>
<h4 class="service-title"><a href="https://plex.enpaul.net/">Plex Media Server</a></h4>
<p class="service-description"><a href="https://www.plex.tv/" target="_blank">Plex</a> is a media management solution for sharing your personal movies, TV, music, and photos</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/plex/overview/"><i class="fa fa-book"></i>&nbsp;Docs</a>
<a class=" btn btn-default" href="https://plex.enpaul.net/"><i class="fa fa-chevron-right"></i>&nbsp;Plex</a>
</div>
</div>
<div class="col-md-4 service-item">
<div class="service-icon"><i class="fa fa-road"></i></div>
<h4 class="service-title"><a href="">Cloud Storage</a></h4>
<p class="service-description">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque</p>
<a href="https://storage.enpaul.net/"><div class="service-icon"><i class="fa fa-cloud"></i></div></a>
<h4 class="service-title"><a href="https://storage.enpaul.net/">Cloud Storage</a></h4>
<p class="service-description">Local cloud storage allows for secure storage of user data. Online access is provided by the <a href="https://github.com/misterunknown/ifm" target="_blank">Improved File Manager</a>.</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/storage/overview/"><i class="fa fa-book"></i>&nbsp;Docs</a>
<a class=" btn btn-default" href="https://storage.enpaul.net/"><i class="fa fa-chevron-right"></i>&nbsp;Storage</a>
</div>
</div>
<div class="col-md-4 service-item">
<div class="service-icon"><i class="fa fa-shopping-bag"></i></div>
<h4 class="service-title"><a href="">Documentation</a></h4>
<p class="service-description">Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi</p>
<a href="https://docs.enpaul.net/"><div class="service-icon"><i class="fa fa-book"></i></div></a>
<h4 class="service-title"><a href="https://docs.enpaul.net/">Documentation</a></h4>
<p class="service-description">Any system is only as good as its documentation. The docs, powered by <a href="http://www.mkdocs.org/" target="_blank">MkDocs</a>, are constantly being updated.</p>
<div class="service-link">
<a class=" btn btn-default" href="https://docs.enpaul.net/docs/overview/"><i class="fa fa-book"></i>&nbsp;Docs (Meta)</a>
<a class=" btn btn-default" href="https://docs.enpaul.net/"><i class="fa fa-chevron-right"></i>&nbsp;Docs</a>
</div>
</div>
</div>
</div>