Skip to content

Instantly share code, notes, and snippets.

View d4rkyfirefly's full-sized avatar
🎯
Focusing

Yan d4rkyfirefly

🎯
Focusing
  • Madrid, Spain.
View GitHub Profile
@d4rkyfirefly
d4rkyfirefly / video.html
Created February 3, 2019 23:29
responsive css video background
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<div id="textdiv">
<h1>Lorem ipsum</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porta dictum turpis, eu mollis justo gravida ac. Proin non eros blandit, rutrum est a, cursus quam.</p>
@d4rkyfirefly
d4rkyfirefly / django_hello.py
Created February 3, 2019 19:58
Python HelloWorld in Django
# -*- coding: utf-8 -*-
# Settings
from django.conf import settings
settings.configure(
DEBUG=True,
SECRET_KEY='secretfoobar',
ROOT_URLCONF=__name__,
@d4rkyfirefly
d4rkyfirefly / README.md
Created February 3, 2019 19:57 — forked from hofmannsven/README.md
My simply MySQL Command Line Cheatsheet
@d4rkyfirefly
d4rkyfirefly / global.js
Created February 2, 2019 22:30
Global.js file for Particles.js
(function () {
particlesJS.load('particles', 'src/js/particles.json');
// document.oncontextmenu = function () {
// return false;
// }
}());
@d4rkyfirefly
d4rkyfirefly / particles.json
Last active February 2, 2019 22:32
The Particles.json ModFile
// To use particles.js in HTML:
// <div id="particles-js"></div>
// <script src="particles.js"></script>
// Or if not hosted by yourself then:
// <script src="https://cdn.jsdelivr.net/npm/[email protected]/particles.min.js" charset="utf-8"></script>
// <script src="src/js/global.js"></script>
// To use in app.js:
<!-- HTML -->
<a href="#" class="toggle-mnu hidden-lg"><span></span></a>
<!-- SASS -->
.toggle-mnu
display: block
width: 28px
height: 28px
margin-top: 14px
@d4rkyfirefly
d4rkyfirefly / gulpfile.js
Created February 2, 2019 19:04
Image Resize + Watermark + Thumbnails
var src = "___library/7-kazan/1/*";
var dst = "_ready";
var gulp = require('gulp'),
imagemin = require('gulp-imagemin'),
cache = require('gulp-cache'),
del = require('del'),
imageResize = require('gulp-image-resize'),
watermark = require("gulp-watermark"),
rename = require("gulp-rename");
@d4rkyfirefly
d4rkyfirefly / jquery-filter-by-field.js
Created February 2, 2019 19:04
jQuery Input Field Filter
$(".city-input").keyup(function() {
filter(this);
});
function filter(element) {
var value = $(element).val().toLowerCase();
$("[data-filter]").each(function () {
var $this = $(this),
lower = $this.data("filter").toLowerCase();
if (lower.indexOf(value) > -1) {
$this.show();
@d4rkyfirefly
d4rkyfirefly / button.sass
Created February 2, 2019 19:02
Button Sass Styles (Universal Starter)
.button
display: inline-block
border: none
color: #fff
text-decoration: none
background-color: $accent
padding: 15px 45px
font-size: 13px
text-transform: uppercase
font-weight: 600
@d4rkyfirefly
d4rkyfirefly / owl-equal-heights.js
Created February 2, 2019 19:01
Owl Carousel Equal Heights
onRefresh: function () {
owl.find('div.owl-item').height('');
},
onRefreshed: function () {
owl.find('div.owl-item').height(owl.height());
}