Skip to content

Instantly share code, notes, and snippets.

View glaucia86's full-sized avatar
💭
Are you coding?! Yep! Always!

Glaucia Lemos glaucia86

💭
Are you coding?! Yep! Always!
4.4k followers · 437 following
View GitHub Profile
@glaucia86
glaucia86 / index.html
Created March 8, 2017 18:39
Página Principal - App Intro Star Wars: Parte 3
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Tutorial - Code4Coders</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" />
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
@glaucia86
glaucia86 / style.css
Last active March 8, 2017 19:16
Style - App Intro Star Wars: Parte 3
@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
body {
margin: 0;
background: #000;
overflow: hidden;
}
.intro {
position: absolute;
@glaucia86
glaucia86 / script.js
Created March 8, 2017 19:02
Script - App Intro Star Wars: Parte 4
var width = window.innerWidth;
var height = window.innerHeight;
var intro = document.getElementByClassName("intro")[0];
var historia = document.getElementByClassName("historia")[0];
var paragrafos = document.getElementByClassName("paragrafos")[0];
intro.style.fontSize = width / 30 + "px";
paragrafos.style.height = height + "px";
@glaucia86
glaucia86 / index.html
Created March 8, 2017 19:21
Página Principal - App Intro Star Wars: Parte 5
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Tutorial - Code4Coders</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" />
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
@glaucia86
glaucia86 / style.css
Created March 8, 2017 19:26
@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
body {
margin: 0;
background: #000;
overflow: hidden;
}
.intro {
position: absolute;
@glaucia86
glaucia86 / script.js
Last active March 8, 2017 19:37
var width = window.innerWidth;
var height = window.innerHeight;
var intro = document.getElementsByClassName("intro")[0];
var historia = document.getElementsByClassName("historia")[0];
var paragrafos = document.getElementsByClassName("paragrafos")[0];
intro.style.fontSize = width / 30 + "px";
paragrafos.style.height = height + "px";
@glaucia86
glaucia86 / style.css
Last active March 8, 2017 19:59
@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
body {
margin: 0;
background: #000;
overflow: hidden;
}
.intro {
position: absolute;
@glaucia86
glaucia86 / script.js
Created March 8, 2017 20:02
var width = window.innerWidth;
var height = window.innerHeight;
var intro = document.getElementsByClassName("intro")[0];
var historia = document.getElementsByClassName("historia")[0];
var paragrafos = document.getElementsByClassName("paragrafos")[0];
var som = document.getElementsByClassName("som")[0];
intro.style.fontSize = width / 30 + "px";
paragrafos.style.height = height + "px";
@glaucia86
glaucia86 / index.html
Created March 8, 2017 20:05
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Tutorial - Code4Coders</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" />
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
@glaucia86
glaucia86 / script.js
Created March 8, 2017 20:37
var width = window.innerWidth;
var height = window.innerHeight;
var intro = document.getElementsByClassName("intro")[0];
var historia = document.getElementsByClassName("historia")[0];
var paragrafos = document.getElementsByClassName("paragrafos")[0];
var sonido = document.getElementById("sonido");
intro.style.fontSize = width / 30 + "px";
historia.style.fontSize = width / 20 + "px";