Skip to content

Commit

Permalink
- coloring icon
Browse files Browse the repository at this point in the history
- custom JS
- content
- Add new page
- Layout design
- Nav
- etc
  • Loading branch information
pizaini committed Feb 10, 2019
1 parent 1214cee commit 4526ef8
Show file tree
Hide file tree
Showing 21 changed files with 341 additions and 201 deletions.
2 changes: 1 addition & 1 deletion assets/css/theme.css

Large diffs are not rendered by default.

Binary file added assets/images/banner.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified assets/images/theme-preview.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
31 changes: 31 additions & 0 deletions assets/js/custom.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
$(document).ready(function () {
var cookieName = "theme_version";
var user = getCookie(cookieName);
if (user !== "") {
$('#latest_version').html(user);
} else {
$.get('https://api.github.com/repos/digistlab/digist-theme/releases/latest', function (data) {
$('#latest_version').html(data.tag_name);
setCookie(cookieName, data.tag_name);
}
);
}
})
function setCookie(cname, cvalue) {
document.cookie = cname + "=" + cvalue + ";path=/";
}

function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) === ' ') {
c = c.substring(1);
}
if (c.indexOf(name) === 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
1 change: 1 addition & 0 deletions assets/js/custom.min.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

18 changes: 18 additions & 0 deletions assets/less/theme.less
Original file line number Diff line number Diff line change
@@ -1,4 +1,22 @@
@import "uikit-less/uikit.theme.less";

.uk-icon {
color: @background-primary-background;
}

.uk-icon-button {
color: @background-primary-background;
}

/* Hover + Focus */
.uk-icon-button:hover,
.uk-icon-button:focus {
background-color: darken(@background-primary-background, 5%);;
color: @global-muted-background;
outline: none;
.hook-icon-button-hover;
}

// Fonts
@font-face {
font-family: 'ProximaNova';
Expand Down
Empty file added content/produk/app1.htm
Empty file.
Empty file added content/tentang-digistlab.htm
Empty file.
1 change: 0 additions & 1 deletion content/tentang-kami.htm

This file was deleted.

95 changes: 16 additions & 79 deletions layouts/default.htm
Original file line number Diff line number Diff line change
Expand Up @@ -3,96 +3,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{{ this.page.title }} | {{ this.theme.site_name }}</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,user-scalable=1">
<meta name="title" content="{{ this.page.meta_title|default(this.page.title) }}">
<meta name="description" content="{{ this.page.meta_description|default(this.page.description) }}" />
<meta property="og:site_name" content="{{ this.theme.site_name }} - {{ this.theme.site_motto }}" />
<meta property="og:type" content="article" />
{% partial 'head' %}
{% placeholder meta_og default %}
<meta property="og:title" content="{{ this.page.meta_title|default(this.page.title) }}" />
<meta property="og:description" content="{{ this.page.meta_description|default(this.page.description) }}" />
<meta property="og:url" content="{{this.controller.currentPageUrl()}}" />
{% endplaceholder %}
<link rel="shortcut icon" href="{{ 'assets/images/favicon.png'|theme }}">
<link rel="stylesheet" href="{{ ('assets/css/theme.css')|theme }}?v={{ this.theme.version }}">
<script src="{{ ('assets/js/uikit.min.js')|theme }}?v={{ this.theme.version }}"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-132378792-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-132378792-1');
</script>
</head>
<body>
<div class="uk-position-relative">
<div class="uk-height-large uk-background-cover uk-light uk-flex" uk-parallax="bgy: -400; media: @s" style="background-image: url({{'assets/images/bg01.jpg'| theme}});">
<div class="uk-width-1-2@m uk-text-center uk-margin-auto uk-margin-auto-vertical">
<h1>Digistlab menghadirkan produk dan layanan untuk Anda</h1>
<a class="uk-button tm-button-primary" href="{{'/tentang-digistlab'|app}}">Tentang Digistlab</a>
<div class="uk-navbar-container">
<div uk-sticky="media: @s;show-on-up: true;animation: uk-animation-slide-top;cls-inactive: uk-navbar-transparent;top: 400" class="uk-navbar-container tm-navbar-container uk-light uk-section-primary">
<div class="uk-container uk-container-expand">
<nav uk-navbar>
<div class="uk-navbar-left">
<a class="uk-navbar-item uk-logo" href="{{''|app}}">
<img class="uk-logo uk-responsive-height" src="{{'digist-lab-logo-white-small.png' | media}}" alt="logo">
<img class="uk-logo-inverse uk-responsive-height" src="{{'digistlab-logo-white-small-tranparent.png' | media}}" alt="logo">
</a>
</div>
<div class="uk-navbar-right">
{% partial 'top_nav' %}
<a uk-navbar-toggle-icon="#" href="#offcanvas" uk-toggle="" class="uk-navbar-toggle uk-hidden@s uk-navbar-toggle-icon uk-icon" uk-icon="icon: menu"></a>
</div>
</nav>
</div>
</div>
<div class="uk-position-top uk-navbar-container uk-navbar-transparent">
<div uk-sticky="media: @s;show-on-up: true;animation: uk-animation-slide-top;cls-inactive: uk-navbar-transparent;top: 400" class="uk-navbar-container tm-navbar-container uk-light">
<div class="uk-container uk-container-expand">
<nav uk-navbar>
<div class="uk-navbar-left">
<a class="uk-navbar-item uk-logo" href="{{''|app}}">
<img class="uk-logo uk-responsive-height" src="{{'digist-lab-logo-white-small.png' | media}}" alt="logo">
<img class="uk-logo-inverse uk-responsive-height" src="{{'digistlab-logo-white-small-tranparent.png' | media}}" alt="logo">
</a>
</div>
<div class="uk-navbar-right">
<ul class="uk-nav uk-navbar-nav uk-visible@s">
<li class="uk-navbar-item"><a href="{{''|app}}">Home</a></li>
<li class="uk-navbar-item"><a href="{{'/tentang-digistlab'|app}}">Tentang Digistlab</a></li>
<li class="uk-navbar-item"><a href="{{'/aplikasi-layanan'|app}}">Aplikasi dan layanan</a></li>
<li class="uk-navbar-item"><a href="{{'/blog'|app}}">Blog</a></li>
</ul>
<a uk-navbar-toggle-icon="#" href="#offcanvas" uk-toggle="" class="uk-navbar-toggle uk-hidden@s uk-navbar-toggle-icon uk-icon" uk-icon="icon: menu"></a>
</div>
</nav>
</div>
</div>
</div>
</div>
<div class="uk-section uk-section-default">
<div class="uk-container">
<div class="uk-child-width-1-4@s uk-text-center" uk-grid>
<div>
<span uk-icon="icon: server; ratio: 2.5"></span>
<h2 class="uk-margin-small">Layanan</h2>
<p>Digistlab menyediakan layanan kepada masyarakat Indonesia untuk berbagai kebutuhan.</p>
</div>
<div>
<span uk-icon="icon: social; ratio: 2.5"></span>
<h2 class="uk-margin-small">Produk</h2>
<p>Menyediakan produk-produk berkualitas sesuai kebutuhan Anda di era digital.</p>
</div>
<div>
<span uk-icon="icon: desktop; ratio: 2.5"></span>
<h2 class="uk-margin-small">Multiplatform</h2>
<p>Produk dan layanan digistlab tersedia untuk berbagai perangkat untuk menjangkau masyarakat yang lebih luas.</p>
</div>
<div>
<span uk-icon="icon: cloud-download; ratio: 2.5"></span>
<h2 class="uk-margin-small">Cloud</h2>
<p>Layanan dan produk Digistlab tersedia secara online yang terintegrasi</p>
</div>
</div>
</div>
</div>
<div class="uk-section uk-text-center">
<div class="uk-container">
<h1 class="uk-heading-primary uk-heading-bullet">{{ this.theme.site_motto}}</h1>
<p>Menghadirkan solusi teknologi untuk masyarakat Indonesia</p>
<a class="uk-button uk-button-primary tm-button-primary" href="{{'/tentang-digistlab'|app}}">Tentang Digistlab</a>
</div>
</div>
{% page %}

{% partial 'footer' %}
<script src="{{ ('assets/js/uikit-icons.min.js')|theme }}?v={{ this.theme.version }}"></script>
</body>
Expand Down
97 changes: 0 additions & 97 deletions layouts/front-page.htm
Original file line number Diff line number Diff line change
@@ -1,99 +1,2 @@
description = "Front page template"
==
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{{ this.page.title }} | {{ this.theme.site_name }}</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,user-scalable=1">
<meta name="title" content="{{ this.page.meta_title|default(this.page.title) }}">
<meta name="description" content="{{ this.page.meta_description|default(this.page.description) }}" />
<meta property="og:site_name" content="{{ this.theme.site_name }} - {{ this.theme.site_motto }}" />
<meta property="og:type" content="article" />
{% placeholder meta_og default %}
<meta property="og:title" content="{{ this.page.meta_title|default(this.page.title) }}" />
<meta property="og:description" content="{{ this.page.meta_description|default(this.page.description) }}" />
<meta property="og:url" content="{{this.controller.currentPageUrl()}}" />
{% endplaceholder %}
<link rel="shortcut icon" href="{{ 'assets/images/favicon.png'|theme }}">
<link rel="stylesheet" href="{{ ('assets/css/theme.css')|theme }}?v={{ this.theme.version }}">
<script src="{{ ('assets/js/uikit.min.js')|theme }}?v={{ this.theme.version }}"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-132378792-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-132378792-1');
</script>
</head>
<body>
<div class="uk-position-relative">
<div class="uk-height-large uk-background-cover uk-light uk-flex" uk-parallax="bgy: -400; media: @s" style="background-image: url({{'assets/images/bg01.jpg'| theme}});">
<div class="uk-width-1-2@m uk-text-center uk-margin-auto uk-margin-auto-vertical">
<h1>Digistlab menghadirkan produk dan layanan untuk Anda</h1>
<a class="uk-button tm-button-primary" href="{{'/tentang-digistlab'|app}}">Tentang Digistlab</a>
</div>
</div>
<div class="uk-position-top uk-navbar-container uk-navbar-transparent">
<div uk-sticky="media: @s;show-on-up: true;animation: uk-animation-slide-top;cls-inactive: uk-navbar-transparent;top: 400" class="uk-navbar-container tm-navbar-container uk-light">
<div class="uk-container uk-container-expand">
<nav uk-navbar>
<div class="uk-navbar-left">
<a class="uk-navbar-item uk-logo" href="{{''|app}}">
<img class="uk-logo uk-responsive-height" src="{{'digist-lab-logo-white-small.png' | media}}" alt="logo">
<img class="uk-logo-inverse uk-responsive-height" src="{{'digistlab-logo-white-small-tranparent.png' | media}}" alt="logo">
</a>
</div>
<div class="uk-navbar-right">
<ul class="uk-nav uk-navbar-nav uk-visible@s">
<li class="uk-navbar-item"><a href="{{''|app}}">Home</a></li>
<li class="uk-navbar-item"><a href="{{'/tentang-digistlab'|app}}">Tentang Digistlab</a></li>
<li class="uk-navbar-item"><a href="{{'/aplikasi-layanan'|app}}">Aplikasi dan layanan</a></li>
<li class="uk-navbar-item"><a href="{{'/blog'|app}}">Blog</a></li>
</ul>
<a uk-navbar-toggle-icon="#" href="#offcanvas" uk-toggle="" class="uk-navbar-toggle uk-hidden@s uk-navbar-toggle-icon uk-icon" uk-icon="icon: menu"></a>
</div>
</nav>
</div>
</div>
</div>
</div>
<div class="uk-section uk-section-default">
<div class="uk-container">
<div class="uk-child-width-1-4@s uk-text-center" uk-grid>
<div>
<span uk-icon="icon: server; ratio: 2.5"></span>
<h2 class="uk-margin-small">Layanan</h2>
<p>Digistlab menyediakan layanan kepada masyarakat Indonesia untuk berbagai kebutuhan.</p>
</div>
<div>
<span uk-icon="icon: social; ratio: 2.5"></span>
<h2 class="uk-margin-small">Produk</h2>
<p>Menyediakan produk-produk berkualitas sesuai kebutuhan Anda di era digital.</p>
</div>
<div>
<span uk-icon="icon: desktop; ratio: 2.5"></span>
<h2 class="uk-margin-small">Multiplatform</h2>
<p>Produk dan layanan digistlab tersedia untuk berbagai perangkat untuk menjangkau masyarakat yang lebih luas.</p>
</div>
<div>
<span uk-icon="icon: cloud-download; ratio: 2.5"></span>
<h2 class="uk-margin-small">Cloud</h2>
<p>Layanan dan produk Digistlab tersedia secara online yang terintegrasi</p>
</div>
</div>
</div>
</div>
<div class="uk-section uk-text-center">
<div class="uk-container">
<h1 class="uk-heading-primary uk-heading-bullet">{{ this.theme.site_motto}}</h1>
<p>Menghadirkan solusi teknologi untuk masyarakat Indonesia</p>
<a class="uk-button uk-button-primary tm-button-primary" href="{{'/tentang-digistlab'|app}}">Tentang Digistlab</a>
</div>
</div>
{% page %}

{% partial 'footer' %}
<script src="{{ ('assets/js/uikit-icons.min.js')|theme }}?v={{ this.theme.version }}"></script>
</body>
</html>
3 changes: 3 additions & 0 deletions layouts/message.htm
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
description = "Message template"
==
This message template eg: maintenenance, error, 404
3 changes: 0 additions & 3 deletions layouts/static.htm

This file was deleted.

19 changes: 19 additions & 0 deletions layouts/test-layout.htm
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
[staticBreadcrumbs]

[staticMenu]
code = "menu1"

[staticPage]
useContent = 1
default = 0
==
<html>
<head>
<title>{{ this.page.title }}</title>
</head>
<body>
{% component 'staticMenu' %}
{% component 'staticBreadcrumbs' %}
{% page %}
</body>
</html>
30 changes: 16 additions & 14 deletions pages/blog.htm
Original file line number Diff line number Diff line change
Expand Up @@ -32,17 +32,19 @@
}
?>
==
{% if not slug %}
{% if post %}
{%put mata_og%}
<meta property="og:title" content="{{ this.post.meta_title|default(this.post.title) }}" />
<meta property="og:description" content="{{ this.post.meta_description|default(this.post.description) }}" />
<meta property="og:image" content="https://www.hynusantara.com/content/images/2019/01/be-creative-creative-creativity-256514-2.jpg" />
{%endput%}
<h2>{{ post.title }}</h2>
{% component 'blogPost' %}
{% else %}
<h2>Post not found</h2>
<a href="blog/first-blog-post">first-blog-post</a>
{% endif %}
{% endif %}
<div class="uk-section">
<div class="uk-container">
<!--{% if not slug %}-->
<!--{% if post %}-->
<!--{%put mata_og%}-->
<!--<meta property="og:title" content="{{ this.post.meta_title|default(this.post.title) }}" />-->
<!--<meta property="og:description" content="{{ this.post.meta_description|default(this.post.description) }}" />-->
<!--<meta property="og:image" content="https://www.hynusantara.com/content/images/2019/01/be-creative-creative-creativity-256514-2.jpg" />-->
<!--{%endput%}-->
<!--{{ post.summary|raw }}-->
<!--<h2 class="uk-heading-bullet">{{ post.title }}</h2>-->
<!--{% component 'blogPost' %}-->
<!--{% endif %}-->
<!--{% endif %}-->
</div>
</div>

0 comments on commit 4526ef8

Please sign in to comment.