forked from twitter/opensource-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
106 lines (89 loc) · 4.46 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
---
layout: default
title: Tout commence ici...
description: Pierreflix Website
url: https://pierrelegeek.ovh
custom_css: index.css
custom_js: index.js
---
<!-- Header -->
<div class="header home-header">
<div class="Grid container">
<div id="header-text" class="Grid-cell u-size7of8">
<h1 class="subheading">
<a href="https://twitter.com/TwitterOSS" target="_blank"></a>
</h1>
<h1 class="large-title">Pierreflix</h1>
</div>
</div>
</div>
<!-- #OurPhilosophy -->
<div class="section grey">
<div class="Grid container">
<div id="philosophy-text" class="Grid-cell u-size4of6 u-before1of6 u-after1of6">
<h1 class="small-title center-text mega-margin">#CommentCaMarche?</h1>
<p class="center-text mega-margin">L'amusement commence avec ces 3 choses :</p>
</div>
</div>
<div class="Grid small-container">
<div class="Grid-cell u-size1of3 emoji-card">
<img src="assets/fire.png" alt="Fire emoji" class="emoji-img center-margin large-margin">
<h1 class="center-text medium-margin">Des films</h1>
<p class="center-text">A n'en plus finir !</p>
</div>
<div class="Grid-cell u-size1of3 emoji-card">
<img src="assets/sun.png" alt="Sun emoji" class="emoji-img center-margin large-margin">
<h1 class="center-text medium-margin">Des séries TV</h1>
<p class="center-text">A foison !</p>
</div>
<div class="Grid-cell u-size1of3 emoji-card">
<img src="assets/pride.png" alt="Pride heart emoji" class="emoji-img center-margin large-margin">
<h1 class="center-text medium-margin">Du fun</h1>
<p class="center-text">Parce que le fun, c'est cool !</p>
</div>
</div>
</div>
<!-- Pierreflix -->
<div class="section explore-projects">
<div class="Grid container">
<div class="Grid-cell left-text u-size5of12 u-after1of12">
<h1 class="small-title mega-margin">C'est simple</h1>
<p class="mega-margin">Pierreflix est orienté utilisateur et facilité. Ce projet est né il y a quelques années dans les méandres de mon esprit et a fait son chemin petit à petit.</p>
<button onclick="window.open('https://pierrelegeek.ovh')" type="button" class="Button Button--large">C'est par ici !</button>
</div>
<div class="Grid-cell explore-projects-blank"></div>
</div>
</div>
<!-- Requetes -->
<div class="section explore-projects">
<div class="Grid container">
<div class="Grid-cell left-text u-size5of12 u-after1of12">
<h1 class="small-title mega-margin">Un système de requêtes</h1>
<p class="mega-margin">Envie de regarder un film ou un épisode de votre série préférée mais elle n'est pas disponible sur Pierreflix ? Il suffit de demander !</p>
<button onclick="location.href='https://requetes.pierrelegeek.ovh'" type="button" class="Button Button--large">Les requêtes, c'est ici !</button>
</div>
</div>
</div>
<!-- BLABLABLA -->
<div class="section explore-projects">
<div class="Grid container">
<div class="Grid-cell left-text u-size5of12 u-after1of12">
<h1 class="small-title mega-margin">BLABLABLA</h1>
<p class="mega-margin">BLABLABLA</p>
<button onclick="location.href='https://requetes.pierrelegeek.ovh'" type="button" class="Button Button--large">BLABLABLA</button>
</div>
</div>
</div>
<!-- Join the Flock -->
<div class="section">
<div class="Grid container">
<div id="career-text" class="Grid-cell left-text u-size5of12 u-after1of12 same-mega-margin">
<h1 class="small-title mega-margin career-title">Join the Flock</h1>
<p class="mega-margin">We are always on the lookout for innovative and creative individuals who are passionate about building a platform where all voices can be heard.</p>
<button onclick="window.open('https://careers.twitter.com')" type="button" class="Button Button--large">View All Careers</button>
</div>
<div class="Grid-cell timeline-cell u-size1of2">
<a class="twitter-timeline" data-height="700px" data-partner="tweetdeck" href="https://twitter.com/TwitterOSS/timelines/1028044487681925121?ref_src=twsrc%5Etfw">#TwitterOSSJobs - Curated tweets by TwitterOSS</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>
</div>