Skip to content

Instantly share code, notes, and snippets.

View ondrique's full-sized avatar

ondrique

1 follower · 0 following
View GitHub Profile
@ondrique
ondrique / avatar.scss
Created February 8, 2019 12:38
Avatar
/*
Avatars
------------------------
*/
.avatar {
display: inline-block;
position: relative;
width: 3rem;
height: 3rem;
@ondrique
ondrique / datatable.html
Last active December 3, 2018 11:09
<nav id="myTab" role="tablist" class="nav nav-tabs"><a id="tab4-1-tab" data-toggle="tab" href="#tab4-1" role="tab" aria-controls="tab4-1" aria-selected="false" class="nav-item nav-link active show"><i class="icon-star"></i>First tab</a><a id="tab4-2-tab" data-toggle="tab" href="#tab4-2" role="tab" aria-controls="tab4-2" aria-selected="false" class="nav-item nav-link">Second tab</a><a id="tab4-3-tab" data-toggle="tab" href="#tab4-3" role="tab" aria-controls="tab4-3" aria-selected="true" class="nav-item nav-link">Third tab</a></nav>
<div id="nav-tabContent" class="tab-content">
<div id="tab4-1" role="tabpanel" aria-labelledby="tab4-1-tab" class="tab-pane fade active show">
<div class="table-responsive">
<table id="datatable1" style="width: 100%;" class="table">
<thead>
<tr>
<th>Name</th>
<th>Company</th>
@ondrique
ondrique / contact.js
Created November 27, 2018 14:27
Bootstrap ReCaptcha form - JS part
$(function () {
window.verifyRecaptchaCallback = function (response) {
$('input[data-recaptcha]').val(response).trigger('change')
}
window.expiredRecaptchaCallback = function () {
$('input[data-recaptcha]').val("").trigger('change')
}
@ondrique
ondrique / contact.php
Last active December 8, 2018 18:12
Bootstrap ReCaptcha form - PHP part
<?php
// require ReCaptcha class
require('recaptcha-master/src/autoload.php');
// configure
// an email address that will be in the From field of the email.
$from = 'Demo contact form <demo@domain.com>';
// an email address that will receive the email with the output of the form
$sendTo = 'Demo contact form <demo@domain.com>';
@ondrique
ondrique / index.html
Last active December 1, 2020 12:10
Bootstrap ReCaptcha form
<html>
<head>
<title>Contact Form Tutorial by Bootstrapious.com</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Lato:300,400,500' rel='stylesheet' type='text/css'>
<link href='custom.css' rel='stylesheet' type='text/css'>
</head>
@ondrique
ondrique / custom.css
Last active September 20, 2018 18:00
Townville modifications
.text-shadow {
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.has-overlay-medium::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
@ondrique
ondrique / gulpfile.js
Created July 9, 2018 20:52 — forked from leymannx/gulpfile.js
Gulp Sass with autoprefixer and minify.
var gulp = require('gulp'),
sass = require('gulp-sass'),
rename = require('gulp-rename'),
cssmin = require('gulp-cssnano'),
prefix = require('gulp-autoprefixer'),
plumber = require('gulp-plumber'),
notify = require('gulp-notify'),
sassLint = require('gulp-sass-lint'),
sourcemaps = require('gulp-sourcemaps');
// Temporary solution until gulp 4
@ondrique
ondrique / ubuntu-server-setup-16.04.md
Created July 9, 2018 20:51 — forked from marcuslilja/ubuntu-server-setup-16.04.md
Server setup for Ubuntu 16.04 on Digital Ocean

Server setup for Ubuntu 16.04 on Digital Ocean

The setup installs the following software:

  • Nginx
  • MySQL
  • PHP
  • Node
  • Composer