-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
143 lines (124 loc) · 7.73 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
132
133
134
135
136
137
138
139
140
141
142
143
<!doctype html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/container.css">
<link rel="stylesheet" href="css/opcoesDaPagina.css">
<link rel="stylesheet" href="css/opcoesDoCartao.css">
<link rel="stylesheet" href="css/botaoSync.css">
<link rel="stylesheet" href="css/mural.css">
<link rel="stylesheet" href="css/cabecalho.css">
<link rel="stylesheet" href="css/cartao.css">
<link rel="stylesheet" href="css/formNovoCartao.css">
<title>Ceep</title>
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<symbol id="iconeEditar" viewBox="0 0 384 384"><title>Editar</title><path fill="rgba(0,0,0,.5)" d="M378 86l-39 39-80-80 39-39q6-6 15-6t15 6l50 50q6 6 6 15t-6 15zM0 304L236 68l80 80L80 384H0v-80z"/></symbol>
<symbol id="iconeRemover" viewBox="0 0 32 32"><title>Remover</title><path fill="rgba(0,0,0,.5)" d="M6 32h20l2-22H4zM20 4V0h-8v4H2v6l2-2h24l2 2V4H20zm-2 0h-4V2h4v2z"/></symbol>
<symbol id="iconeSincronizar" viewBox="0 0 384 384"><title>Sincronizar</title><path fil="rgba(255,255,255,.5)" d="M327.731 172.734c5.938 40.859-6.531 83.891-38.406 115.297-47.094 46.469-119.75 52.188-173.188 17.281l37.438-36.5-137.595-19.188 19.203 134.375 42.015-40.25c75.453 55.625 182.469 50.375 251.032-17.281 39.75-39.219 57.875-91.281 55.625-142.656l-56.125-11.078zM94.73 96.031c47.078-46.469 119.719-52.219 173.156-17.281l-37.5 36.484 137.594 19.203-19.188-134.438-41.969 40.344c-75.469-55.672-182.453-50.359-251.031 17.281-39.75 39.203-57.859 91.266-55.625 142.625l56.125 11.063c-5.938-40.875 6.563-83.859 38.438-115.281z"></path></symbol>
</svg>
</head>
<body>
<header class="cabecalho container">
<h1 class="cabecalho-logo">
Ceep
</h1>
<div class="opcoesDaPagina">
<input type="search" placeholder="busca" id="busca" class="opcoesDaPagina-opcao no-js">
<button id="btnMudaLayout" class="opcoesDaPagina-opcao opcoesDaPagina-botao no-js">
Linhas
</button>
<button id="btnAjuda" class="opcoesDaPagina-opcao opcoesDaPagina-botao no-js">
?
</button>
<button id="btnSync" class="opcoesDaPagina-opcao opcoesDaPagina-botao botaoSync botaoSync--sincronizado no-js">
<svg class="botaoSync-icone">
<use xlink:href="#iconeSincronizar"></use>
</svg>
</button>
</div>
</header>
<form class="formNovoCartao container no-js">
<textarea class="formNovoCartao-conteudo" name="formNovoCartao-conteudo" placeholder="Digite aqui"></textarea>
<input class="formNovoCartao-salvar" type="submit" value="Salvar">
</form>
<section class="container mural" style="font-size: 1.3rem;">
<article id="cartao_1" class="cartao" tabindex="0">
<div class="opcoesDoCartao">
<button class="opcoesDoCartao-remove opcoesDoCartao-opcao" tabindex="0">
<svg><use xlink:href="#iconeRemover"></use></svg>
</button>
<input type="radio" name="corDoCartao1" value="#EBEF40" id="corPadrão-cartao1" class="opcoesDoCartao-radioTipo" checked>
<label for="corPadrão-cartao1" class="opcoesDoCartao-tipo opcoesDoCartao-opcao" style="color: #EBEF40;" tabindex="0">
Padrão
</label>
<input type="radio" name="corDoCartao1" value="#F05450" id="corImportante-cartao1" class="opcoesDoCartao-radioTipo">
<label for="corImportante-cartao1" class="opcoesDoCartao-tipo opcoesDoCartao-opcao" style="color: #F05450;" tabindex="0">
Importante
</label>
<input type="radio" name="corDoCartao1" value="#92C4EC" id="corTarefa-cartao1" class="opcoesDoCartao-radioTipo">
<label for="corTarefa-cartao1" class="opcoesDoCartao-tipo opcoesDoCartao-opcao" style="color: #92C4EC;" tabindex="0">
Tarefa
</label>
<input type="radio" name="corDoCartao1" value="#76EF40" id="corInspiração-cartao1" class="opcoesDoCartao-radioTipo">
<label for="corInspiração-cartao1" class="opcoesDoCartao-tipo opcoesDoCartao-opcao" style="color: #76EF40;" tabindex="0">
Inspiração
</label>
</div>
<p class="cartao-conteudo" contenteditable tabindex="0">Bem vindo ao Ceep!</p>
</article>
<article id="cartao_2" class="cartao" tabindex="0">
<div class="opcoesDoCartao">
<button class="opcoesDoCartao-remove opcoesDoCartao-opcao" tabindex="0">
<svg><use xlink:href="#iconeRemover"></use></svg>
</button>
<input type="radio" name="corDoCartao2" value="#EBEF40" id="corPadrão-cartao2" class="opcoesDoCartao-radioTipo" checked>
<label for="corPadrão-cartao2" class="opcoesDoCartao-tipo opcoesDoCartao-opcao" style="color: #EBEF40;" tabindex="0">
Padrão
</label>
<input type="radio" name="corDoCartao2" value="#F05450" id="corImportante-cartao2" class="opcoesDoCartao-radioTipo">
<label for="corImportante-cartao2" class="opcoesDoCartao-tipo opcoesDoCartao-opcao" style="color: #F05450;" tabindex="0">
Importante
</label>
<input type="radio" name="corDoCartao2" value="#92C4EC" id="corTarefa-cartao2" class="opcoesDoCartao-radioTipo">
<label for="corTarefa-cartao2" class="opcoesDoCartao-tipo opcoesDoCartao-opcao" style="color: #92C4EC;" tabindex="0">
Tarefa
</label>
<input type="radio" name="corDoCartao2" value="#76EF40" id="corInspiração-cartao2" class="opcoesDoCartao-radioTipo">
<label for="corInspiração-cartao2" class="opcoesDoCartao-tipo opcoesDoCartao-opcao" style="color: #76EF40;" tabindex="0">
Inspiração
</label>
</div>
<p class="cartao-conteudo" contenteditable tabindex="0">o site é otimizado para celulares!</p>
</article>
<article id="cartao_3" class="cartao" tabindex="0">
<div class="opcoesDoCartao">
<button class="opcoesDoCartao-remove opcoesDoCartao-opcao" tabindex="0">
<svg><use xlink:href="#iconeRemover"></use></svg>
</button>
<input type="radio" name="corDoCartao3" value="#EBEF40" id="corPadrão-cartao3" class="opcoesDoCartao-radioTipo" checked>
<label for="corPadrão-cartao3" class="opcoesDoCartao-tipo opcoesDoCartao-opcao" style="color: #EBEF40;" tabindex="0">
Padrão
</label>
<input type="radio" name="corDoCartao3" value="#F05450" id="corImportante-cartao3" class="opcoesDoCartao-radioTipo">
<label for="corImportante-cartao3" class="opcoesDoCartao-tipo opcoesDoCartao-opcao" style="color: #F05450;" tabindex="0">
Importante
</label>
<input type="radio" name="corDoCartao3" value="#92C4EC" id="corTarefa-cartao3" class="opcoesDoCartao-radioTipo">
<label for="corTarefa-cartao3" class="opcoesDoCartao-tipo opcoesDoCartao-opcao" style="color: #92C4EC;" tabindex="0">
Tarefa
</label>
<input type="radio" name="corDoCartao3" value="#76EF40" id="corInspiração-cartao3" class="opcoesDoCartao-radioTipo">
<label for="corInspiração-cartao3" class="opcoesDoCartao-tipo opcoesDoCartao-opcao" style="color: #76EF40;" tabindex="0">
Inspiração
</label>
</div>
<p class="cartao-conteudo" contenteditable tabindex="0">Para mudar o layout, clique no botão linha do cabeçalho</p>
</article>
</section>
<script type="text/javascript" src="js/opcoesDaPagina/btnMudaLayout.js"></script>
<script type="text/javascript" src="js/opcoesDoCartao/remove.js"></script>
<script type="text/javascript" src="js/cartao.js"></script>
</body>
</html>