Skip to content

BCN-FT-ADRI CODY NICO #24

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Nicour wants to merge 5 commits into
base: master
Choose a base branch
from
Open

BCN-FT-ADRI CODY NICO #24

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
0d54562
Slack mobile page
Nicour Jun 25, 2019
12730e5
Slack mobile page
Nicour Jun 25, 2019
c44ee96
assets
Nicour Jun 26, 2019
f104c23
First Adri part
Jun 27, 2019
3445411
Merge pull request #1 from prrrcl/master
Nicour Jun 27, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added .DS_Store
View file
Open in desktop
Binary file not shown.
Binary file added assets/.DS_Store
View file
Open in desktop
Binary file not shown.
Binary file added assets/fonts/.DS_Store
View file
Open in desktop
Binary file not shown.
Binary file added assets/fonts/Circular-Bold.eot
View file
Open in desktop
Binary file not shown.
Binary file added assets/fonts/Circular-Bold.ttf
View file
Open in desktop
Binary file not shown.
Binary file added assets/fonts/Circular-Bold.woff
View file
Open in desktop
Binary file not shown.
Binary file added assets/fonts/Circular-Bold.woff2
View file
Open in desktop
Binary file not shown.
Binary file added assets/fonts/Circular-Book.eot
View file
Open in desktop
Binary file not shown.
Binary file added assets/fonts/Circular-Book.ttf
View file
Open in desktop
Binary file not shown.
Binary file added assets/fonts/Circular-Book.woff
View file
Open in desktop
Binary file not shown.
Binary file added assets/fonts/Circular-Book.woff2
View file
Open in desktop
Binary file not shown.
Binary file added assets/fonts/LarsseitW05-Bold.eot
View file
Open in desktop
Binary file not shown.
Binary file added assets/fonts/LarsseitW05-Bold.ttf
View file
Open in desktop
Binary file not shown.
Binary file added assets/fonts/LarsseitW05-Bold.woff
View file
Open in desktop
Binary file not shown.
Binary file added assets/fonts/LarsseitW05-Bold.woff2
View file
Open in desktop
Binary file not shown.
Binary file added assets/fonts/LarsseitW05-Thin.eot
View file
Open in desktop
Binary file not shown.
Binary file added assets/fonts/LarsseitW05-Thin.ttf
View file
Open in desktop
Binary file not shown.
Binary file added assets/fonts/LarsseitW05-Thin.woff
View file
Open in desktop
Binary file not shown.
Binary file added assets/fonts/LarsseitW05-Thin.woff2
View file
Open in desktop
Binary file not shown.
Binary file added assets/fonts/transfonter.org-20190626-164539.zip
View file
Open in desktop
Binary file not shown.
Binary file added assets/fonts/transfonter.org-20190626-164539/.DS_Store
View file
Open in desktop
Binary file not shown.
233 changes: 233 additions & 0 deletions assets/fonts/transfonter.org-20190626-164539/demo.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,233 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex, noarchive">
<meta name="format-detection" content="telephone=no">
<title>Transfonter demo</title>
<link href="stylesheet.css" rel="stylesheet">
<style>
/*
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* common styles */
body {
background: #f1f1f1;
color: #000;
}
.page {
background: #fff;
width: 920px;
margin: 0 auto;
padding: 20px 20px 0 20px;
overflow: hidden;
}
.font-container {
overflow-x: auto;
overflow-y: hidden;
margin-bottom: 40px;
line-height: 1.3;
white-space: nowrap;
padding-bottom: 5px;
}
h1 {
position: relative;
background: #444;
font-size: 32px;
color: #fff;
padding: 10px 20px;
margin: 0 -20px 12px -20px;
}
.letters {
font-size: 25px;
margin-bottom: 20px;
}
.s10:before {
content: '10px';
}
.s11:before {
content: '11px';
}
.s12:before {
content: '12px';
}
.s14:before {
content: '14px';
}
.s18:before {
content: '18px';
}
.s24:before {
content: '24px';
}
.s30:before {
content: '30px';
}
.s36:before {
content: '36px';
}
.s48:before {
content: '48px';
}
.s60:before {
content: '60px';
}
.s72:before {
content: '72px';
}
.s10:before, .s11:before, .s12:before, .s14:before,
.s18:before, .s24:before, .s30:before, .s36:before,
.s48:before, .s60:before, .s72:before {
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: normal;
font-style: normal;
color: #999;
padding-right: 6px;
}
pre {
display: block;
position: relative;
padding: 9px;
margin: 0 0 10px;
font-family: Monaco, Menlo, Consolas, "Courier New", monospace !important;
font-size: 13px;
line-height: 1.428571429;
color: #333;
font-weight: normal !important;
font-style: normal !important;
background-color: #f5f5f5;
border: 1px solid #ccc;
overflow-x: auto;
border-radius: 4px;
}
pre:after {
display: block;
position: absolute;
right: 0;
top: 0;
content: 'Usage';
line-height: 1;
padding: 5px 8px;
font-size: 12px;
color: #767676;
background-color: #fff;
border: 1px solid #ccc;
border-right: none;
border-top: none;
border-radius: 0 4px 0 4px;
z-index: 10;
}
/* responsive */
@media (max-width: 959px) {
.page {
width: auto;
margin: 0;
}
}
</style>
</head>
<body>
<div class="page">
<div class="demo" style="font-family: 'Circular Book'; font-weight: normal; font-style: normal;">
<h1>Circular Book</h1>
<pre>.your-style {
font-family: 'Circular Book';
font-weight: normal;
font-style: normal;
}</pre>
<div class="font-container">
<p class="letters">
abcdefghijklmnopqrstuvwxyz<br>
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
0123456789.:,;()*!?'@#<>$%&^+-=~
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
</div>
</div>
<div class="demo" style="font-family: 'Circular'; font-weight: bold; font-style: normal;">
<h1>Circular Bold</h1>
<pre>.your-style {
font-family: 'Circular';
font-weight: bold;
font-style: normal;
}</pre>
<div class="font-container">
<p class="letters">
abcdefghijklmnopqrstuvwxyz<br>
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
0123456789.:,;()*!?'@#<>$%&^+-=~
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
</div>
</div>
</div>
</body>
</html>
22 changes: 22 additions & 0 deletions assets/fonts/transfonter.org-20190626-164539/stylesheet.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
@font-face {
font-family: 'Circular Book';
src: url('Circular-Book.eot');
src: url('Circular-Book.eot?#iefix') format('embedded-opentype'),
url('Circular-Book.woff2') format('woff2'),
url('Circular-Book.woff') format('woff'),
url('Circular-Book.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Circular';
src: url('Circular-Bold.eot');
src: url('Circular-Bold.eot?#iefix') format('embedded-opentype'),
url('Circular-Bold.woff2') format('woff2'),
url('Circular-Bold.woff') format('woff'),
url('Circular-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}

0 images/Slack.ico → assets/images/Slack.ico
View file
Open in desktop
File renamed without changes.
0 images/airbnb-logo.png → assets/images/airbnb-logo.png
View file
Open in desktop
File renamed without changes
0 images/capital-one-logo.png → assets/images/capital-one-logo.png
View file
Open in desktop
File renamed without changes
0 images/harvard-logo.png → assets/images/harvard-logo.png
View file
Open in desktop
File renamed without changes
0 images/home_talking.png → assets/images/home_talking.png
View file
Open in desktop
File renamed without changes
0 images/iso-slack.png → assets/images/iso-slack.png
View file
Open in desktop
File renamed without changes
0 images/los-angeles-times-logo.png → assets/images/los-angeles-times-logo.png
View file
Open in desktop
File renamed without changes
0 images/oracle-logo.png → assets/images/oracle-logo.png
View file
Open in desktop
File renamed without changes
0 images/slack-logo.png → assets/images/slack-logo.png
View file
Open in desktop
File renamed without changes
0 images/ticketmaster-logo.png → assets/images/ticketmaster-logo.png
View file
Open in desktop
File renamed without changes
0 images/us-flag.png → assets/images/us-flag.png
View file
Open in desktop
File renamed without changes
10 changes: 10 additions & 0 deletions assets/js/main.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
var toggleElement = $('#toggle');
var menu = $('.nav-mobile');
var closeToggle = $('.x');

toggleElement.click(function() {
menu.addClass( 'opened' );
});
closeToggle.click(function(){
menu.removeClass('opened')
})
Loading