Skip to content

Instantly share code, notes, and snippets.

View osor0024's full-sized avatar

Natalia Osorio Cueto osor0024

View GitHub Profile
@osor0024
osor0024 / Sync gh-pages + master branches
Created November 11, 2019 00:39 — forked from mandiwise/Sync gh-pages + master branches
Keep gh-pages up to date with a master branch
// Reference: http://lea.verou.me/2011/10/easily-keep-gh-pages-in-sync-with-master/
$ git add .
$ git status // to see what changes are going to be commited
$ git commit -m 'Some descriptive commit message'
$ git push origin master
$ git checkout gh-pages // go to the gh-pages branch
$ git rebase master // bring gh-pages up to date with master
$ git push origin gh-pages // commit the changes
let app = {
fs: null,
canvas: null,
ctx: null,
output: null,
init: function () {
document.addEventListener('deviceready', () => {
//hopefully file plugin is loaded
let img = document.getElementById('logo');
app.canvas = document.getElementById('canvas');
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bootstrap Grid and Layout</title>
<!-- https://getbootstrap.com/ -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link href="css/main.css" rel="stylesheet" />
</head>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS Ellipsis</title>
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="main.css"/>
<style>
/* handling text overflow with
Ellipsis
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS Font-Stacks</title>
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="main.css"/>
<style>
p:first-of-type{
font-family: 'Come for lunch', Arial, Helvetica, sans-serif;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Working with HTML Forms</title>
<meta name="viewport" content="width=device-width">
<style>
*,
*::after,
*:before{
// forms.js
//
const init = function(){
document.getElementById('button-cancel').addEventListener('click', reset);
document.getElementById('button-send').addEventListener('click', send);
}
const reset = function(ev){
//HTML will automatically put the form back to its initial state