-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (103 loc) · 5.37 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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> Verba</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700|Merriweather:400,700" rel="stylesheet">
<link rel="stylesheet" href="styles/index.css">
</head>
<body>
<header>
<div id="logo-home" class="logo-container">
<h1 class="logo-text">verba.</h1>
</div>
<div id="manifesto-btn" class="nav-container">
<ul class="nav">
<li>manifiesto</li>
</ul>
</div>
</header>
<main>
<div id="quotes-list" class="quotes-list">
<div class="filters-container">
<button type="button" name="button" class="js-filter-btn filter-btn">Filtrar</button>
</div>
<div id="filters-applied-container">
<div id="author-filters-applied"></div>
<div id="tag-filters-applied"></div>
</div>
<div id="quotes-container" class="quotes-container">
</div>
<div id="load-more-quotes" class="load-more-container">
<button class="js-load-quotes-btn" type="button" name="button"><img src="images/buttom-more.svg"
class="buttom_more"></button>
</div>
</div>
<div id="quote-detail" class="quote-detail hidden">
<button type="button" name="back_button" class="js-back-btn back-btn">
<img src="images/icon-left-arrow.svg" class="close-btn">
</button>
<div id="quote-detail-container" class="quote-detail-container">
<div class="quote">
<h1 class="quote-text"></h1>
<h2 class="quote-author"></h2>
</div>
<div class="author-detail-image">
<img src=""/>
</div>
</div>
<div class="related">
<div class="discover">
<p>Descubre otras citas...</p>
</div>
<div class="related-quotes">
</div>
</div>
</div>
<div class="filter-modal js-filter-modal hidden">
<div class="filter-modal-content">
<div class="filters-modal-container">
<p>Filtrar</p>
<button type="button" name="button" class="js-close-btn">
<img src="images/icon-close.svg" class="close-btn"></button>
</div>
<div class="modal-filter-list">
<div class="line"></div>
<h3 class="js-authors-link">Autoras</h3>
<div class="js-authors-container hidden">
</div>
</div>
<div class="modal-filter-list">
<div class="line"></div>
<h3 class="js-tags-link">Temas</h3>
<div class="js-tags-container hidden">
</div>
</div>
<div class="modal-filter-button-container">
<button type="button" name="button" class="js-apply-filter-btn modal-filter-btn">Aplicar</button>
</div>
</div>
</div>
<div class="manifesto" id="manifesto">
<h1>Nosotras decimos.</h1>
<h1>Nosotras difundimos.</h1>
<p><span class="verba">VERBA</span> es una plataforma que acoge y difunde los pensamientos de mujeres con el objetivo de darles visibilidad y facilitar su distribución.</p>
<p>Ha nacido como un proyecto dentro de la <a href="http://piweek.com" target="new">XII Piweek</a>, un espacio a la innovación -personal o en equipo- promovida por <a href="http://kaleidos.net" target="_new">Kaleidos</a> donde experimentar y desarrollar ideas en el plazo de una semana con la única condición de usar software libre.</p>
<p>Detrás de <span class="verba">VERBA</span> hay mujeres desarrolladoras, front-enders y diseñadoras, que se desempeñan como profesionales en <a href="http://kaleidos.net" target="_new">Kaleidos</a>, <a href="http://secuoyas.com" target="_new">Secuoyas</a> y <a href="http://adalab.es" target="_new">Adalab</a>.</p>
<p><span class="verba">VERBA</span> pretende ser altavoz para aquellas mujeres que han sido y son relevantes en la historia.</p>
<p>Queremos ayudar a descubrir mujeres, que hablan y luchan por expresarse, más allá de los grandes nombres.</p>
<p>No tenemos ánimo de lucro y somos fieles defensoras de Creative Commons, del open source y de las APIs abiertas. La API está disponible en <a href="http://verba-mujer.es/api" target="_new">http://verba-mujer.es/api"</a> y el código fuente del proyecto está liberado en Github, tanto el <a href="http://github.com/PIWEEK/verba-back" target="_new">back</a>, como el <a href="http://github.com/PIWEEK/verba-front" target="_new">front</a>.</p>
<p>Dedicamos nuestro tiempo y energía en ayudar a difundir la palabra. En ayudar a que la mujer sea escuchada.</p>
<p>La mejor manera de ayudarnos es utilizando los contenidos de la plataforma, compartiéndolos y participando en su difusión :)</p>
</div>
<footer>
<p class="logo-twitter"><img src="images/icon-twitter.png" /></p><p>@verba-mujer</p>
</footer>
</main>
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="scripts/quotes.js" charset="utf-8"></script>
<script src="scripts/filters.js" charset="utf-8"></script>
<script src="scripts/main.js" charset="utf-8"></script>
</body>
</html>