Commit 82e0da79 authored by Diego Islas Ocampo's avatar Diego Islas Ocampo

Start upgrade to modularity and parcel build system

parent 9407f053
......@@ -13,7 +13,7 @@
],
"quotes": [
2,
"double"
"single"
],
"linebreak-style": [
2,
......@@ -86,5 +86,9 @@
"es6": true,
"browser": true
},
"extends": "eslint:recommended"
"extends": "eslint:recommended",
"parserOptions": {
"ecmaVersion": 8,
"sourceType": "module"
}
}
\ No newline at end of file
......@@ -12,4 +12,6 @@ dist
.conf
.ftpconfig
.sftpconfig
package-lock.json
\ No newline at end of file
package-lock.json
.cache
yarn.lock
\ No newline at end of file
......@@ -20,6 +20,6 @@
}],
"selector-list-comma-newline-after": "always",
"unit-case": "lower",
"unit-whitelist": ["em", "rem", "s", "vmax", "vmin", "vh", "vw", "%", "px"]
"unit-whitelist": ["em", "rem", "s", "vmax", "vmin", "vh", "vw", "%", "px", "deg"]
}
}
\ No newline at end of file
The MIT License (MIT)
Copyright (c) 2015 - 2017 Diego Islas Ocampo
Copyright (c) 2015 - 2018 Diego Islas Ocampo
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
......@@ -18,5 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
SOFTWARE.
\ No newline at end of file
......@@ -4,7 +4,7 @@ Oregano is a simple HTML5, CSS3 and JavaScript template, this flavor features ju
It also features many properties to make your website mobile, social friendly and even a progressive web app.
Visit the [WebPage](http://www.aegisframework.com/)
Visit the [WebPage](https://www.aegisframework.com/)
## Quick Start:
......@@ -14,11 +14,11 @@ Visit the [WebPage](http://www.aegisframework.com/)
4. Place your custom style on the main.css file.
5. Place your custom javascript on the main.js file.
For more information read the [documentation](http://www.aegisframework.com/documentation.html).
For more information read the [documentation](https://www.aegisframework.com/documentation.html).
## Attributions:
[Font Awesome](http://fontawesome.io) by Dave Gandy
[Animate CSS](http://daneden.github.io/animate.css/) by Daniel Eden
[Font Awesome](https://fontawesome.io) by Dave Gandy
[Animate CSS](https://daneden.github.io/animate.css/) by Daniel Eden
## License
Aegis is an Open Source project released under the [MIT license](https://github.com/HyuchiaDiego/AegisTemplate/blob/master/LICENSE).
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
/* global require */
"use strict";
const gulp = require("gulp");
const packageJson = require("./package.json");
const zip = require("gulp-zip");
const download = require("gulp-download-stream");
gulp.task("default", () => {
return gulp.src([
"./**",
"!./**/.DS_Store",
"!./**/.thumbs",
"!./**/package-lock.json",
"!./**/.buildconfig",
"!node_modules",
"!node_modules/**",
"!.git",
"!.git/**",
"!build",
"!build/**",
"!dist",
"!dist/**",
const gulp = require ('gulp');
const packageJson = require ('./package.json');
const zip = require ('gulp-zip');
const download = require ('gulp-download-stream');
gulp.task('default', () => {
return gulp.src ([
'./**',
'!./**/.DS_Store',
'!./**/.thumbs',
'!./**/package-lock.json',
'!./**/.buildconfig',
'!node_modules',
'!node_modules/**',
'!.git',
'!.git/**',
'!build',
'!build/**',
'!dist',
'!dist/**',
'!./**/yarn.lock',
], {
dot: true
})
.pipe(zip(packageJson.name + "-v" + packageJson.version + ".zip"))
.pipe(gulp.dest("dist"));
.pipe (zip (packageJson.name + '-v' + packageJson.version + '.zip'))
.pipe (gulp.dest ('dist'));
});
gulp.task("release", () => {
});
// Update Dependencies
gulp.task("download-deps", () => {
// Artemis JS
download("https://raw.githubusercontent.com/AegisFramework/Artemis/master/dist/artemis.js").pipe(gulp.dest("js/"));
gulp.task('download-deps', () => {
/// Animate CSS
download({
file: "animate.min.css",
url: "https://raw.githubusercontent.com/daneden/animate.css/master/animate.min.css"
}).pipe(gulp.dest("style/"));
file: 'animate.min.css',
url: 'https://raw.githubusercontent.com/daneden/animate.css/master/animate.min.css'
}).pipe(gulp.dest('style/'));
// Kayros
download({
file: "kayros.css",
url: "https://raw.githubusercontent.com/AegisFramework/Kayros/master/dist/kayros.css"
}).pipe(gulp.dest("style/"));
file: 'kayros.css',
url: 'https://raw.githubusercontent.com/AegisFramework/Kayros/master/dist/kayros.css'
}).pipe(gulp.dest('style/'));
// Font Awesome
download("https://raw.githubusercontent.com/FortAwesome/Font-Awesome/master/css/font-awesome.min.css").pipe(gulp.dest("style/"));
download({
file: "FontAwesome.otf",
url: "https://github.com/FortAwesome/Font-Awesome/blob/master/fonts/FontAwesome.otf?raw=true"
}).pipe(gulp.dest("fonts/"));
download({
file: "fontawesome-webfont.eot",
url: "https://github.com/FortAwesome/Font-Awesome/blob/master/fonts/fontawesome-webfont.eot?raw=true"
}).pipe(gulp.dest("fonts/"));
download({
file: "fontawesome-webfont.ttf",
url: "https://github.com/FortAwesome/Font-Awesome/blob/master/fonts/fontawesome-webfont.ttf?raw=true"
}).pipe(gulp.dest("fonts/"));
download({
file: "fontawesome-webfont.woff",
url: "https://github.com/FortAwesome/Font-Awesome/blob/master/fonts/fontawesome-webfont.woff?raw=true"
}).pipe(gulp.dest("fonts/"));
download({
file: "fontawesome-webfont.woff2",
url: "https://github.com/FortAwesome/Font-Awesome/blob/master/fonts/fontawesome-webfont.woff2?raw=true"
}).pipe(gulp.dest("fonts/"));
download("https://raw.githubusercontent.com/FortAwesome/Font-Awesome/master/fonts/fontawesome-webfont.svg").pipe(gulp.dest("fonts/"));
download('https://raw.githubusercontent.com/FortAwesome/Font-Awesome/master/css/font-awesome.min.css').pipe(gulp.dest('style/'));
});
\ No newline at end of file
......@@ -6,7 +6,7 @@
<head prefix="og: http://ogp.me/ns#">
<title></title><!--Up to 60-70 Characters. Optimal Format: Primary Keyword - Secondary Keyword | Brand Name-->
<title>Oregano Template</title><!--Up to 60-70 Characters. Optimal Format: Primary Keyword - Secondary Keyword | Brand Name-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
......@@ -67,20 +67,20 @@
<link rel="publisher" href="https://plus.google.com/"><!--Publisher's Google+ URL-->
<link rel="canonical" href=""><!--Canonical URL of your webpage-->
<link rel="canonical" href="http://localhost/"><!--Canonical URL of your webpage-->
<link rel="manifest" href="manifest.json">
<link rel="shortcut icon" href="img/favicon.ico"/><!--Favicon. Good tool for creating one: http://xiconeditor.com/ Create all sizes.-->
<link rel="shortcut icon" href="./img/favicon.ico"/><!--Favicon. Good tool for creating one: http://xiconeditor.com/ Create all sizes.-->
<link rel="stylesheet" href="style/font-awesome.min.css">
<link rel="stylesheet" href="style/animate.min.css">
<link rel="stylesheet" href="style/kayros.css">
<link rel="stylesheet" href="style/main.css">
<link rel="stylesheet" href="./style/font-awesome.min.css">
<link rel="stylesheet" href="./style/animate.min.css">
<link rel="stylesheet" href="./style/kayros.css">
<link rel="stylesheet" href="./style/main.css">
<script src="js/artemis.js"></script>
<script src="js/main.js"></script>
<script src="./js/fontawesome.min.js"></script>
<script src="./js/index.js" type="module"></script>
</head>
<!--Feel free to change element's place according to your design.-->
<body>
<div class="middle align-center">
......
This diff is collapsed.
This diff is collapsed.
import { $_ready } from '@aegis-framework/artemis';
if ('serviceWorker' in navigator) {
if (location.protocol.indexOf ('http') > -1) {
navigator.serviceWorker.register ('./../service-worker.js');
}
}
$_ready(() => {
});
\ No newline at end of file
"use strict";
/* global $_ready */
/* global $_ */
// Register the service worker
if ("serviceWorker" in navigator) {
if (location.protocol.indexOf ("http") > -1) {
navigator.serviceWorker.register("service-worker.js");
}
}
$_ready(function () {
$_(".nav .menu-icon").click(function () {
$_(this).parent().find("ul").toggleClass("active");
$_(this).toggleClass("fa-bars fa-times");
});
$_(".nav li").click(function () {
if ($_(".menu-icon").isVisible ()) {
$_(".menu-icon").toggleClass("fa-bars fa-times");
$_(this).parent().parent().find("ul").toggleClass("active");
}
});
});
\ No newline at end of file
{
"name": "Oregano",
"version": "0.3.2",
"main": "gulpfile.js",
"name": "oregano",
"version": "0.4.0",
"main": "",
"description": "Create your webpage quickly with this template, featuring the cutting edge technologies and features of HTML5, CSS3 and Javascript. Make it mobile and social friendly!",
"homepage": "https://aegisframework.com",
"author": "Diego Islas Ocampo",
"license": "MIT",
"repository": {
"type": "git",
"url": "git+https://github.com/AegisFramework/Oregano.git"
"url": "git+https://gitlab.com/AegisFramework/Oregano.git"
},
"author": "Diego Islas Ocampo",
"license": "MIT",
"bugs": {
"url": "https://github.com/AegisFramework/Oregano/issues"
"url": "https://gitlab.com/AegisFramework/Oregano/issues"
},
"scripts": {
"start": "parcel serve index.html",
"build": "parcel build index.html",
"package": "gulp"
},
"dependencies": {
"@aegis-framework/artemis": "^0.2.5"
},
"homepage": "http://aegisframework.com",
"devDependencies": {
"gulp": "^3.9.1",
"gulp-cssnano": "^2.1.2",
"gulp-download-stream": "0.0.13",
"gulp-zip": "^3.2.0",
"run-sequence": "^1.2.2"
"parcel": "^1.9.0"
}
}
}
\ No newline at end of file
"use strict";
'use strict';
// Name of your cache, no spaces or special characters.
var name = "";
var name = '';
// The version of the cache, changing this will force everything to be cached
// again.
var version = "";
var version = '';
var files = [
"index.html",
'index.html',
// Style Sheets
"style/font-awesome.min.css",
"style/animate.min.css",
"style/kayros.css",
"style/main.css",
'style/font-awesome.min.css',
'style/animate.min.css',
'style/kayros.css',
'style/main.css',
// Scripts
"js/artemis.js",
"js/main.js",
// Fonts
"fonts/fontawesome-webfont.eot",
"fonts/fontawesome-webfont.svg",
"fonts/fontawesome-webfont.ttf",
"fonts/fontawesome-webfont.woff",
"fonts/fontawesome-webfont.woff2",
"fonts/FontAwesome.otf",
'js/index.js',
'js/fontawesome.min.js',
// Images
"img/favicon.ico",
"img/icons/icon_48x48.png",
"img/icons/icon_60x60.png",
"img/icons/icon_70x70.png",
"img/icons/icon_76x76.png",
"img/icons/icon_96x96.png",
"img/icons/icon_128x128.png",
"img/icons/icon_150x150.png",
"img/icons/icon_152x152.png",
"img/icons/icon_167x167.png",
"img/icons/icon_180x180.png",
"img/icons/icon_192x192.png",
"img/icons/icon_310x310.png",
"img/icons/icon_512x512.png"
'img/favicon.ico',
'img/icons/icon_48x48.png',
'img/icons/icon_60x60.png',
'img/icons/icon_70x70.png',
'img/icons/icon_76x76.png',
'img/icons/icon_96x96.png',
'img/icons/icon_128x128.png',
'img/icons/icon_150x150.png',
'img/icons/icon_152x152.png',
'img/icons/icon_167x167.png',
'img/icons/icon_180x180.png',
'img/icons/icon_192x192.png',
'img/icons/icon_310x310.png',
'img/icons/icon_512x512.png'
];
self.addEventListener("install", function (event) {
self.addEventListener('install', function (event) {
event.waitUntil(
caches.open(`${name}-v${version}`).then(function (cache) {
return cache.addAll(files);
......@@ -54,7 +46,7 @@ self.addEventListener("install", function (event) {
);
});
self.addEventListener("activate", function (event) {
self.addEventListener('activate', function (event) {
event.waitUntil(
caches.keys().then(function (keyList) {
return Promise.all(keyList.map(function (key) {
......@@ -68,16 +60,16 @@ self.addEventListener("activate", function (event) {
return self.clients.claim();
});
self.addEventListener("fetch", function (event) {
if (event.request.method !== "GET") {
self.addEventListener('fetch', function (event) {
if (event.request.method !== 'GET') {
return;
}
event.respondWith(
caches.match(event.request).then(function (cached) {
var networked = fetch(event.request)
.then(fetchedFromNetwork, unableToResolve)
.catch(unableToResolve);
.then(fetchedFromNetwork, unableToResolve)
.catch(unableToResolve);
return cached || networked;
function fetchedFromNetwork (response) {
......@@ -91,11 +83,11 @@ self.addEventListener("fetch", function (event) {
}
function unableToResolve () {
return new Response("<h1>Service Unavailable</h1>", {
return new Response('<h1>Service Unavailable</h1>', {
status: 503,
statusText: "Service Unavailable",
statusText: 'Service Unavailable',
headers: new Headers({
"Content-Type": "text/html"
'Content-Type': 'text/html'
})
});
}
......
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment