Skip to content

Instantly share code, notes, and snippets.

@smartITNinja
smartITNinja / brutalist-sample-application.html
Last active July 17, 2018 16:59
A Brutalist Sample Application
<!-- Discover IT service management news, tips, information and resources provided by Smart IT Ninja -->
<!-- Website => https://smartit.ninja -->
<!DOCTYPE html>
<html lang="en">
<title>Brutalist Sample Application </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://unpkg.com/tachyons/css/tachyons.min.css">
<body class="w-100 sans-serif bg-white">
@smartITNinja
smartITNinja / firebase_auth_sample
Created May 2, 2018 12:54
How do I detect if a user is already logged in Firebase?
var config = {
apiKey: "....",
authDomain: "...",
databaseURL: "...",
projectId: "..",
storageBucket: "..",
messagingSenderId: ".."
};
firebase.initializeApp(config);
<script> document.write("<script src='js/db.js?v=" + Date.now() + "'><\/script>"); </script>
<script> document.write("<script src='js/router.js?v=" + Date.now() + "'><\/script>"); </script>
<script> document.write("<script src='js/store.js?v=" + Date.now() + "'><\/script>"); </script>
<script> document.write("<script src='js/app.js?v=" + Date.now() + "'><\/script>"); </script>
const app = new Vue({
el: '#app',
router,
store
});
<script type="text/x-template" id="homeTpl">
<div>
<hr class="prettyline">
<center>
<h3 class="omb_authTitle">Vue + VueX + Vue-Router</h3>
<div class="row omb_row-sm-offset-3">
<div class="col-xs-12 col-sm-6">
<div class="imgwrapper">
<img src="https://vuejs.org/images/logo.png" class="img-responsive">
const home = {
template: '#homeTpl'
}
const profile = {
template: '<div>PROFILE to be defined</div>'
}
const login = {
const store = new Vuex.Store({
state: {
isValid: 0,
mail: '',
password: '',
password2: '',
message: ''
},
mutations: {
var config = {
apiKey: "YOUR-API-KEY",
authDomain: "YOUR-DB-DOMAIN",
databaseURL: "YOUR-DB-URL",
projectId: "YOUR-PROJECT-ID",
storageBucket: "YOUR-STORE-BUCKET",
messagingSenderId: "YOUR-SENDER-ID"
};
// npm install apisauce --save
var apisauce = require('apisauce');
const api = apisauce.create({
baseURL: 'https://api.carbonintensity.org.uk'
});
api
<div id="app">
<h1 class="text-center">titulo</h1>
<p class="text-center">
<router-link to="/">HOME</router-link>
<router-link to="/profile">PROFILE</router-link>
<router-link to="/login">LOGIN</router-link>
<router-link to="/register">SIGN UP</router-link>
</p>
<div class="container">
<div class="row">