chibaye chibaye

Carousel (React)

Just trying out the CSSTransitionGroup add-on!

#Setting up Nginx on Your Local System ###by Keith Rosenberg

##Step 1 - Homebrew The first thing to do, if you're on a Mac, is to install homebrew from http://mxcl.github.io/homebrew/

The command to type into terminal to install homebrew is:

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

	<h1>Pure CSS Accordion <sup>2.0</sup></h1>
	<div class="row">
	<div class="col">
	<h2>Open <b>multiple</b></h2>
	<div class="tabs">
	<div class="tab">
	<input type="checkbox" id="chck1">
	<label class="tab-label" for="chck1">Item 1</label>
	<div class="tab-content">
	Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ipsum, reiciendis!

	<svg width="200" height="200" viewbox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
	<circle cx="20" cy="20" fill="none" r="10" stroke="#383a36" stroke-width="2">
	<animate attributeName="r" from="8" to="20" dur="1.5s" begin="0s" repeatCount="indefinite"/>
	<animate attributeName="opacity" from="1" to="0" dur="1.5s" begin="0s" repeatCount="indefinite"/>
	</circle>
	<circle cx="20" cy="20" fill="#383a36" r="10"/>
	</svg>

	.pulsate path {
	stroke: #2980b9;
	-webkit-animation: pulsate 5s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation: pulsate 5s ease-out;
	-moz-animation-iteration-count: infinite;
	-ms-animation: pulsate 5s ease-out;
	-ms-animation-iteration-count: infinite;
	animation: pulsate 5s ease-out;
	animation-iteration-count: infinite;


	<div>
	<svg width="60px" height="60px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14">
	<animate
	xlink:href="#back"
	attributeName="r"
	from="5.3"
	to="6.5"
	dur="1s"
	begin="0s"

	<!--
	Simplified version of this https://esausilva.com/2016/01/29/move-items-between-two-listbox-using-jquery-html-select-tag/ but using only vanilla JavaScript in script tag
	-->
	<div class="subject-info-box-1">
	<select multiple="multiple" id='lstBox1' class="form-control">
	<option value="ajax">Ajax</option>
	<option value="jquery">jQuery</option>
	<option value="javascript">JavaScript</option>
	<option value="mootool">MooTools</option>
	<option value="prototype">Prototype</option>

	# Location: /etc/nginx/sites-available/domain.tld.conf
	server {
	listen 80;

	# listen 443 ssl;
	# include snippets/snakeoil.conf;

	root /var/www/domain.tld/public;

	index index.html index.php;