Added all the things.
This commit is contained in:
29
layouts/_default/baseof.html
Normal file
29
layouts/_default/baseof.html
Normal file
@ -0,0 +1,29 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<link rel="stylesheet" href="/icons.css">
|
||||
<link rel="stylesheet" href="/simplesystems.css">
|
||||
<link rel="stylesheet" href="/light-theme.css">
|
||||
<link rel="shortcut icon" href="/favicon.ico">
|
||||
|
||||
<title>{{ block "title" . }}
|
||||
{{ .Site.Title }}
|
||||
{{ end }}</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{{ partial "navbar/site-navbar.html" . }}
|
||||
|
||||
<main>
|
||||
{{ block "main" . }}
|
||||
<!-- The part of the page that begins to differ between templates -->
|
||||
{{ end }}
|
||||
</main>
|
||||
|
||||
{{ partial "footer/site-footer.html" . }}
|
||||
{{ partial "scripts/scripts.html" . }}
|
||||
</body>
|
||||
</html>
|
||||
26
layouts/_default/section.html
Normal file
26
layouts/_default/section.html
Normal file
@ -0,0 +1,26 @@
|
||||
{{ define "main" }}
|
||||
{{ .Content }}
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
{{ range .Pages }}
|
||||
<div class="col xs-12 md-6">
|
||||
<a href="{{ .Permalink }}">
|
||||
<div class="card">
|
||||
<div class="card-title align-center">
|
||||
<img src="{{ .Params.image }}" width="48" height="48" class="mr-4">
|
||||
{{ .Title }}
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="card-text">
|
||||
{{ .Params.desc }} ...
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
9
layouts/_default/single.html
Normal file
9
layouts/_default/single.html
Normal file
@ -0,0 +1,9 @@
|
||||
{{ define "main" }}
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col article">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
35
layouts/blog/single.html
Normal file
35
layouts/blog/single.html
Normal file
@ -0,0 +1,35 @@
|
||||
{{ define "main" }}
|
||||
<div class="blog container">
|
||||
<div class="row align-center">
|
||||
<div class="col shrink">
|
||||
<img src="{{ .Params.img }}" width="88" height="88">
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<h1>{{ .Params.title }}</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row align-center">
|
||||
<div class="col xs-12 mt-4">
|
||||
by <a href="/about">{{ .Params.author }}</a>
|
||||
<span style="margin: 0 1rem">|</span>
|
||||
{{ .Params.pdate }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col xs-12 mt-4">
|
||||
<hr>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="article">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
4
layouts/index.html
Normal file
4
layouts/index.html
Normal file
@ -0,0 +1,4 @@
|
||||
{{ define "main" }}
|
||||
{{ partial "jumbotron.html" . }}
|
||||
{{ partial "simple-software.html" . }}
|
||||
{{ end }}
|
||||
12
layouts/partials/cards/app-card.html
Normal file
12
layouts/partials/cards/app-card.html
Normal file
@ -0,0 +1,12 @@
|
||||
<div class="card">
|
||||
<div class="card-title align-center">
|
||||
<img src="{{ .img }}" width="48" height="48" class="mr-4">
|
||||
{{ .title }}
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="card-text">
|
||||
{{ .desc }} ...
|
||||
</div>
|
||||
</div>
|
||||
13
layouts/partials/cards/home-card.html
Normal file
13
layouts/partials/cards/home-card.html
Normal file
@ -0,0 +1,13 @@
|
||||
<div class="card pa-4">
|
||||
<div class="text-center">
|
||||
<img src="{{ .img }}" width="100" height="100" class="mr-4" style="margin: auto;">
|
||||
</div>
|
||||
|
||||
<div class="title text-center">
|
||||
<h3>{{ .title }}</h3>
|
||||
</div>
|
||||
|
||||
<div class="article">
|
||||
<p>{{ .desc }}</p>
|
||||
</div>
|
||||
</div>
|
||||
12
layouts/partials/cards/job.html
Normal file
12
layouts/partials/cards/job.html
Normal file
@ -0,0 +1,12 @@
|
||||
<div class="card">
|
||||
<div class="card-title align-center">
|
||||
<i class="material-icons mr-4">{{ .icon }} </i>
|
||||
{{ .title }}
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="card-text">
|
||||
{{ .desc }}
|
||||
</div>
|
||||
</div>
|
||||
19
layouts/partials/cards/portfolio-card.html
Normal file
19
layouts/partials/cards/portfolio-card.html
Normal file
@ -0,0 +1,19 @@
|
||||
<div class="card">
|
||||
<div class="card-title align-center">
|
||||
<img src="{{ .img }}" width="48" height="48" class="mr-4">
|
||||
{{ .title }}
|
||||
|
||||
<div class="spacer"></div>
|
||||
|
||||
<a class="px-0" href="{{ .href }}" target="_blank" style="font-size: 1.1rem">
|
||||
Visit Site
|
||||
<i class="material-icons sm ml-1">launch</i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="card-text">
|
||||
{{ .desc }}
|
||||
</div>
|
||||
</div>
|
||||
22
layouts/partials/cards/services-card.html
Normal file
22
layouts/partials/cards/services-card.html
Normal file
@ -0,0 +1,22 @@
|
||||
<div class="card flex-column">
|
||||
<div class="card-title align-center">
|
||||
<img src="{{ .img }}" width="48" height="48" class="mr-4">
|
||||
{{ .title }}
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="card-text" style="flex: 1 0 auto;">
|
||||
{{ range .desc }}
|
||||
<p> {{ . }}</p>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
<div class="text-right">
|
||||
{{ range .links }}
|
||||
<div class="pb-4 pr-4">
|
||||
<a href="{{ .href }}">{{ .text }}</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
18
layouts/partials/footer/site-footer.html
Normal file
18
layouts/partials/footer/site-footer.html
Normal file
@ -0,0 +1,18 @@
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row justify-center">
|
||||
<div class="col xs-12 md-6" style="max-width: 500px;">
|
||||
<a href="mailto:info@simplesystems.tech">
|
||||
<div class="card blue pa-4 text-center contact">
|
||||
<h2 style="margin: 0; margin-bottom: 1.5rem;">Contact Us</h2>
|
||||
|
||||
<div class="d-flex align-center justify-center">
|
||||
<i class="material-icons mr-4">mail_outline</i>
|
||||
info@simplesystems.tech
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
35
layouts/partials/jumbotron.html
Normal file
35
layouts/partials/jumbotron.html
Normal file
@ -0,0 +1,35 @@
|
||||
<div class="jtron">
|
||||
<div class="container">
|
||||
<div class="row align-center">
|
||||
<div class="col xs-12 md-4 lg-6 text-center">
|
||||
<div class="text-center d-inline-block jtron-left">
|
||||
<div class="hide-sm-and-down">
|
||||
<h1>Simple</h1>
|
||||
<h1>Systems</h1>
|
||||
<h3>LLC</h3>
|
||||
</div>
|
||||
|
||||
<div class="hide-md-and-up">
|
||||
<h2>Simple Systems, LLC</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col xs-12 md-8 lg-6 text-left pa-4">
|
||||
<div class="jtron-right">
|
||||
<div>
|
||||
<i class="material-icons xl">business</i>
|
||||
|
||||
<div class="mt-4">We build software that businesses understand and engineers want to use.</div>
|
||||
|
||||
<a class="btn lg blue mt-8" href="mailto:info@simplesystems.tech">
|
||||
<i class="material-icons mr-4">mail_outline</i>
|
||||
<span class="mr-4 hide-sm-and-down">Email Us:</span>
|
||||
info@simplesystems.tech
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
45
layouts/partials/navbar/site-navbar.html
Normal file
45
layouts/partials/navbar/site-navbar.html
Normal file
@ -0,0 +1,45 @@
|
||||
<div id="nav" class="navbar">
|
||||
<button id="thToggle" class="flat round" onclick="toggleTheme()">Toggle</button>
|
||||
|
||||
<div class="spacer"></div>
|
||||
|
||||
<!--
|
||||
<a href="/" class="navbar-title">
|
||||
SimpleSystems
|
||||
</a>
|
||||
-->
|
||||
|
||||
<div class="spacer"></div>
|
||||
|
||||
<div class="navbar-items hide-sm-and-down">
|
||||
<a href="/">Home</a>
|
||||
<a href="/services/">Services</a>
|
||||
<a href="/about/">About</a>
|
||||
<a href="/blog/">Blog</a>
|
||||
<a href="/jobs/">Jobs</a>
|
||||
</div>
|
||||
|
||||
<button class="flat hide-md-and-up" onclick="openNavDrawer()">
|
||||
<i class="material-icons">menu</i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div id="navDrawer" class="drawer">
|
||||
<div class="navbar">
|
||||
<div class="spacer"></div>
|
||||
|
||||
<button class="flat" onclick="closeNavDrawer()">
|
||||
<i class="material-icons">menu</i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="drawer-items">
|
||||
<a href="/">Home</a>
|
||||
<a href="/services/">Services</a>
|
||||
<a href="/about/">About</a>
|
||||
<a href="/blog/">Blog</a>
|
||||
<a href="/jobs/">Jobs</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="navDrawerOverlay" class="overlay d-none" onclick="closeNavDrawer()"></div>
|
||||
66
layouts/partials/scripts/scripts.html
Normal file
66
layouts/partials/scripts/scripts.html
Normal file
@ -0,0 +1,66 @@
|
||||
<script>
|
||||
function openNavDrawer() {
|
||||
navDrawerOverlay.classList.toggle('d-none')
|
||||
navDrawer.style.transform = 'translate(0)'
|
||||
}
|
||||
|
||||
function closeNavDrawer() {
|
||||
navDrawerOverlay.classList.toggle('d-none')
|
||||
navDrawer.style.transform = 'translate(100%)'
|
||||
}
|
||||
|
||||
function currentTheme() {
|
||||
var _isDark = JSON.parse(localStorage.getItem('themeIsDark'))
|
||||
return _isDark
|
||||
}
|
||||
|
||||
function storeTheme(_isDark) {
|
||||
localStorage.setItem('themeIsDark', _isDark)
|
||||
}
|
||||
|
||||
function setThemeTo(_isDark) {
|
||||
var elems = [
|
||||
...document.body.getElementsByTagName("*"),
|
||||
document.body,
|
||||
]
|
||||
|
||||
elems.forEach(el => {
|
||||
if (_isDark) {
|
||||
el.classList.remove('light')
|
||||
el.classList.add('dark')
|
||||
} else {
|
||||
el.classList.remove('dark')
|
||||
el.classList.add('light')
|
||||
}
|
||||
})
|
||||
|
||||
initToggle(_isDark)
|
||||
storeTheme(_isDark)
|
||||
}
|
||||
|
||||
function toggleTheme() {
|
||||
var th = currentTheme()
|
||||
if (th === null) {
|
||||
th = window.matchMedia("(prefers-color-scheme: dark)").matches
|
||||
}
|
||||
setThemeTo(!th)
|
||||
}
|
||||
|
||||
function initToggle(_isDark) {
|
||||
if (_isDark) {
|
||||
thToggle.innerHTML = '<i class="material-icons">wb_sunny</i>'
|
||||
} else {
|
||||
thToggle.innerHTML = '<i class="material-icons">brightness_2</i>'
|
||||
}
|
||||
}
|
||||
|
||||
(function() {
|
||||
var th = currentTheme()
|
||||
if (th === null) {
|
||||
initToggle(window.matchMedia("(prefers-color-scheme: dark)").matches)
|
||||
return
|
||||
}
|
||||
setThemeTo(th)
|
||||
initToggle(th)
|
||||
})()
|
||||
</script>
|
||||
16
layouts/partials/simple-software.html
Normal file
16
layouts/partials/simple-software.html
Normal file
@ -0,0 +1,16 @@
|
||||
<div class="container">
|
||||
<div class="row text-center">
|
||||
<div class="col xs-12">
|
||||
<h2>Software Should be Simple</h2>
|
||||
<hr width="75%" class="mx-auto">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row justify-center">
|
||||
{{ range $.Site.Data.home.ssattrs }}
|
||||
<div class="col xs-12 sm-10 md-6">
|
||||
{{ partial "cards/home-card.html" . }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
60
layouts/section/about.html
Normal file
60
layouts/section/about.html
Normal file
@ -0,0 +1,60 @@
|
||||
{{ define "main" }}
|
||||
<div class="container">
|
||||
<div class="row text-center">
|
||||
<div class="col xs-12">
|
||||
<p class="headline">Our mission is to deliver simple solutions for complex problems.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row justify-center">
|
||||
<div class="col">
|
||||
<div class="card text-center">
|
||||
<div class="row align-center">
|
||||
<div class="col xs-12 sm-content">
|
||||
<img src="/img/rocket.png" width="150" height="150">
|
||||
</div>
|
||||
|
||||
<div class="col xs-12 sm-grow">
|
||||
<p class="mb-0">“Any darn fool can make something complex;<br>It takes a genius to make something simple.”</p>
|
||||
<br>
|
||||
<p class="ml-5">-- Albert Einstein</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col xs-12">
|
||||
<hr>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row text-center">
|
||||
<div class="col xs-12">
|
||||
<h1>The Team</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row justify-center">
|
||||
<div class="col xs-12 sm-10">
|
||||
<div class="card">
|
||||
<div class="row align-center">
|
||||
<div class="col xs-12 md-3 text-center">
|
||||
<img src="/img/jeff-snow.jpg" width="256">
|
||||
</div>
|
||||
|
||||
<div class="col xs-12 md-9">
|
||||
<h2>Jeff</h2>
|
||||
<div class="article">
|
||||
<p>My name is Jeff Russo. I am the founder of Simple Systems, LLC. I've been a software engineer for about a decade, and I'm still passionate about it!</p>
|
||||
<p>I've worked at several companies in my career. Some were three man startup teams, and some were fortune 50 enterprises. At each job, I learned many things, and now I can apply that knowledge to my own company! I pursue excellence in all that I do, and this adventure will be no different.</p>
|
||||
<p>The biggest thing I saw at all levels of business was unnecessary complexity. It demoralizes teams and can bring your software to a crashing halt. My mission is to deliver software that is simple, to both the business, and the engineers that have to use it.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
21
layouts/section/blog.html
Normal file
21
layouts/section/blog.html
Normal file
@ -0,0 +1,21 @@
|
||||
{{ define "main" }}
|
||||
{{ .Content }}
|
||||
|
||||
<div class="container">
|
||||
<div class="row text-center">
|
||||
<div class="col xs-12">
|
||||
<h1>Blog</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row justify-center">
|
||||
{{ range .Pages }}
|
||||
<div class="col xs-12 sm-9 md-6">
|
||||
<a href="{{ .Permalink }}">
|
||||
{{ partial "cards/app-card.html" .Params }}
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
21
layouts/section/jobs.html
Normal file
21
layouts/section/jobs.html
Normal file
@ -0,0 +1,21 @@
|
||||
{{ define "main" }}
|
||||
{{ .Content }}
|
||||
|
||||
<div class="container">
|
||||
<div class="row text-center">
|
||||
<div class="col xs-12">
|
||||
<h1>Jobs</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
{{ range .Pages }}
|
||||
<div class="col xs-12 sm-6">
|
||||
<a href="{{ .Permalink }}">
|
||||
{{ partial "cards/job.html" .Params }}
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
18
layouts/section/portfolio.html
Normal file
18
layouts/section/portfolio.html
Normal file
@ -0,0 +1,18 @@
|
||||
{{ define "main" }}
|
||||
<div class="container">
|
||||
<div class="row text-center">
|
||||
<div class="col xs-12">
|
||||
<h1>Our Portfolio</h1>
|
||||
<hr>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
{{ range .Params.projects }}
|
||||
<div class="col xs-12 sm-10 md-6">
|
||||
{{ partial "cards/portfolio-card.html" . }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
17
layouts/section/services.html
Normal file
17
layouts/section/services.html
Normal file
@ -0,0 +1,17 @@
|
||||
{{ define "main" }}
|
||||
<div class="container">
|
||||
<div class="row text-center">
|
||||
<div class="col xs-12">
|
||||
<h1>What We Do</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row justify-center">
|
||||
{{ range .Params.services }}
|
||||
<div class="col xs-12 sm-10 md-6">
|
||||
{{ partial "cards/services-card.html" . }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
Reference in New Issue
Block a user