Add basic content for about page
This commit is contained in:
parent
a6eaed885c
commit
f76a2be2ce
2 changed files with 44 additions and 5 deletions
|
@ -1,17 +1,56 @@
|
||||||
<head>
|
<head>
|
||||||
<meta name="slug" content="about" />
|
<meta name="slug" content="about" />
|
||||||
<meta name="title" content="About Page" />
|
<meta name="title" content="About Me" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<section class="bg-primary" id="about">
|
<section class="bg-primary">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8 col-lg-offset-2 text-center">
|
<div class="col-lg-8 col-lg-offset-2 text-center">
|
||||||
<h2 class="section-heading">About</h2>
|
<h1 class="section-heading">About Me</h1>
|
||||||
<hr class="light">
|
<hr class="light">
|
||||||
<p>Start Bootstrap has everything you need to get your new website up and running in no time! All of the templates and themes on Start Bootstrap are open source, free to download, and easy to use. No strings attached!</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
<section>
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-9">
|
||||||
|
<p>
|
||||||
|
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-3 text-center">
|
||||||
|
<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">
|
||||||
|
<div class="container">
|
||||||
|
<h2>About my website</h2>
|
||||||
|
<p>
|
||||||
|
My website is the culmination of all my knowledge, compiled into 1 place. It not only contains all my projects, but it in itself is a project. Making sure this website works properly is a tall order, especially considering it's self hosted.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
I went with the Django framework because it's what I use with at work, as well as the fact it's simple, clean and easy. It also allows for some server side assets, eg blogging.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
The only reason I have a database is because certain sections require it. For this reason I went with SQLite, because it's really lightweight and simple.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<div class="container">
|
||||||
|
<h2>The Server</h2>
|
||||||
|
<p>
|
||||||
|
The website is hosted on my UK VPS. Previous versions have been hosted on 1&1 and MyWindowsHosting.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
The Django application itself is served using waitress. This get's it's port from a custom reverse proxy allowing me to host multiple sites on a single server easily. This is the same one I use for local development. The main web-facing server is nginx, because it's simple to setup, and damn fast!
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
@ -39,6 +39,6 @@ $('h1').fitText(
|
||||||
// Offset for Main Navigation
|
// Offset for Main Navigation
|
||||||
$('#main-nav').affix({
|
$('#main-nav').affix({
|
||||||
offset: {
|
offset: {
|
||||||
top: 100
|
top: 50
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
Reference in a new issue