Bianca rochabianca

## meta_tags.html
<!DOCTYPE html>
<html lang="en">
	<head>
    <meta charset="utf-8">
    <title>Title of your page</title>
    <meta name="description" content="description of the contents of your website">
    <meta property="og:type" content="website"/>
    <meta property="og:title" content="Title of your website"/>
    <meta property="og:description" content="can be the same description as meta description"/>
    <meta property="og:url" content="http://url_of_your_website.com"/>

## reset.scss
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,

## icon_animation.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <svg class="icon__book" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41 45.1">

## pixel_to_em.scss
// $pixel - number to be converted on em
// $context: font-size base (most browsers use 16px)

@function em($pixel, $context: 16) {
  @return $pixel / $context + em;
}

## easy_media_queries.scss
$l-device: 1200px;
$m-device: 760px;
$s-device: 480px;

@mixin d($size) {
	@if $size == l {
		@media screen and (min-width: #{$l-device}) {
			@content;
		}
	}

## gettingDownWithStyle.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <a href="#reference" class="styled-down">Click Me</a>

## gettingDownWithStyleVanilla.js
function scrollIt(destination, duration = 200, easing = "linear", callback) {
  const easings = {
    linear(t) {
      return t;
    },
    easeInQuad(t) {
      return t * t;
    },
    easeOutQuad(t) {
      return t * (2 - t);

## numberFormatter.js
let num = 24674
const formattedNum = num.toFixed(0).replace(/(\d)(?=(\d{3})+$)/g, "$1.") // if you want to use commas instead of dots, you can
                                                                        // replace the "$1." to "$1,"

console.log(formattedNum) // 24.674

## example_threads.py
import threading  # essa é a biblioteca responsável pela crianção das threads
from datetime import datetime  # biblioteca usada para pegar o tempo do sistema


def nao_passou_dois_segundos(tempo_inicial, tempo_final):
    # verifica se o tempo no sistema agora é igual ao tempo inicial + o tempo que eu quero (nesse caso seria o tempo inicial + 2 segundos)
    if(datetime.now().second == (tempo_inicial + tempo_final)):
        # caso sim, retorna falso e para a thread
        return False
    else:

## Example.vue
<template>
  <form>
    <label for="email">Email</label>
    <input type="email" id="email" name="email" v-model="email" />

    <label for="senha">Senha</label>
    <input type="password" id="senha" name="senha" v-model="senha" />
  </form>
</template>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>Title of your page</title>
	<meta name="description" content="description of the contents of your website">
	<meta property="og:type" content="website"/>
	<meta property="og:title" content="Title of your website"/>
	<meta property="og:description" content="can be the same description as meta description"/>
	<meta property="og:url" content="http://url_of_your_website.com"/>
	/* http://meyerweb.com/eric/tools/css/reset/
	v2.0 \| 20110126
	License: none (public domain)
	*/

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	// $pixel - number to be converted on em
	// $context: font-size base (most browsers use 16px)

	@function em($pixel, $context: 16) {
	@return $pixel / $context + em;
	}
	$l-device: 1200px;
	$m-device: 760px;
	$s-device: 480px;

	@mixin d($size) {
	@if $size == l {
	@media screen and (min-width: #{$l-device}) {
	@content;
	}
	}
	function scrollIt(destination, duration = 200, easing = "linear", callback) {
	const easings = {
	linear(t) {
	return t;
	},
	easeInQuad(t) {
	return t * t;
	},
	easeOutQuad(t) {
	return t * (2 - t);
	let num = 24674
	const formattedNum = num.toFixed(0).replace(/(\d)(?=(\d{3})+$)/g, "$1.") // if you want to use commas instead of dots, you can
	// replace the "$1." to "$1,"

	console.log(formattedNum) // 24.674
	import threading # essa é a biblioteca responsável pela crianção das threads
	from datetime import datetime # biblioteca usada para pegar o tempo do sistema


	def nao_passou_dois_segundos(tempo_inicial, tempo_final):
	# verifica se o tempo no sistema agora é igual ao tempo inicial + o tempo que eu quero (nesse caso seria o tempo inicial + 2 segundos)
	if(datetime.now().second == (tempo_inicial + tempo_final)):
	# caso sim, retorna falso e para a thread
	return False
	else:
	<template>
	<form>
	<label for="email">Email</label>
	<input type="email" id="email" name="email" v-model="email" />

	<label for="senha">Senha</label>
	<input type="password" id="senha" name="senha" v-model="senha" />
	</form>
	</template>