Added all the things.
This commit is contained in:
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>
|
||||
Reference in New Issue
Block a user