49 lines
2 KiB
HTML
49 lines
2 KiB
HTML
<head>
|
|
<meta name="slug" content="about" />
|
|
<meta name="title" content="About" />
|
|
<meta name="no_container" content="true" />
|
|
</head>
|
|
<body>
|
|
<section id="me">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="text-center github-card-container">
|
|
<div data-theme="medium" data-github="RealOrangeOne" class="github-card"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script async defer src="//cdn.jsdelivr.net/github-cards/latest/widget.js"></script>
|
|
</section>
|
|
<section class="bg-primary" id="website">
|
|
<div class="container">
|
|
<h2>Website</h2>
|
|
<p>
|
|
My website is the culmination of all my knowledge, compiled into 1 place. It not only contains all my projects, but is itself is a project.
|
|
</p>
|
|
<p>
|
|
The site is primarily built with <a href="http://getpelican.com">Pelican</a>, a static site generator. This allows me to write nice clean, <i>DRY</i> content, and have it come out as clean, minified HTML.
|
|
</p>
|
|
<p>
|
|
The Javascript is built using <a href="http://browserify.org/">Browserify</a>, and the CSS is built using <a href="https://github.com/sass/node-sass">node-SCSS</a>. Both are run as a build step when pelican builds.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
<section id="server">
|
|
<div class="container">
|
|
<h2>Server</h2>
|
|
<p>
|
|
The website is hosted on part of my dedicated server from <a href="https://www.soyoustart.com/en/">SoYouStart</a>, running an Ubuntu Server VM with <a href="http://dokku.viewdocs.io/dokku/">Dokku</a> installed.
|
|
</p>
|
|
<p>
|
|
The prebuilt static files are served using a <a href="https://github.com/RealOrangeOne/tstatic">custom Express server</a>, to make the site as fast and effective as possible.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
<section class="text-center">
|
|
<div class="container">
|
|
<div class="btn-group">
|
|
<a class="btn btn-github btn-xl" href="https://github.com/RealOrangeOne/theorangeone.net"><i class="fa fa-github fa-lg"></i> View Source</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</body>
|