Skip to content

Instantly share code, notes, and snippets.

::-webkit-scrollbar {
width: 8px;
background: inset 0 0 6px rgba(175,193,241,0.9);
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(175,193,241,0.9);
border-radius: 0px;
}
::-webkit-scrollbar-thumb {
border-radius: 5px;
@artlili
artlili / instagram.py
Created May 17, 2019 06:41
instagram
import aiohttp
import asyncio
import os
import re
from pathlib import Path
ROOT_URL = 'https://www.instagram.com/'
PROXY = 'http://127.0.0.1:1080'
HEADERS = {
'User-Agent':
@artlili
artlili / file.vue
Created May 26, 2019 15:57
Axios upload multiple files
<input type="file" ref="file" multiple="multiple">
submitFiles() {
let formData = new FormData();
for( var i = 0; i < this.$refs.file.files.length; i++ ){
let file = this.$refs.file.files[i];
console.log(file);
formData.append('files[' + i + ']', file);
@artlili
artlili / delete.vue
Last active May 29, 2019 06:16
axios
var vm = new Vue ({
el: '#app',
data: {
result: ''
},
created: function(){
this.getResult();
},
@artlili
artlili / app.js
Created May 28, 2019 23:55
vue back to top
Vue.component('backtotop', {
template: '#backtotop',
data: function() {
return {
isVisible: false
};
},
methods: {
initToTopButton: function() {
$(document).bind('scroll', function() {
<div class="relation">
<div class="relation__offset relation__offset-16-9"></div>
<div class="relation__content">
<iframe class="video__content" src="https://www.youtube.com/embed/KFVoIzaGPYg" ></iframe>
</div>
</div>
.relation{
max-width: 560px;
position: relative;
@artlili
artlili / all_mixins.sass
Last active February 20, 2020 11:11
All mixins
/*** Usage
+clear
=clear
&::after
content: ''
display: table
clear: both
/*** Usage
+antialias
<?php
header('Access-Control-Allow-Origin: *');
echo $_SERVER('REMOTE_ADDR');
?>
console run php -S 127.0.0.1:8080
@artlili
artlili / gradient.scss
Created January 2, 2020 15:34
Dynamic Gradient Background
$bg-color: #ff8888; //start color
$stops: 100; //smoothness
$time: 20s; //duration of animation
$hue-range: 20; //of 360deg
body{
background-color: $bg-color;
-webkit-animation: colorChange $time linear 0s infinite;
animation: colorChange $time linear 0s infinite ;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
.slider {
position:relative;