Skip to content

Commit 42d9515

Browse files
github-actions[bot]github-actions[bot]
authored
Merge pull request #70372 from Charlothloren/feat/community/lorenmd
2 parents 5f66ebc + 0ef8199 commit 42d9515

File tree

1 file changed

+111
-0
lines changed

1 file changed

+111
-0
lines changed

‎community/Charlothloren.md‎

Lines changed: 111 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,111 @@
1+
<!DOCTYPE html>
2+
<html lang="pt-BR">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Gerador de Section de Palestrantes</title>
7+
<!-- Bootstrap CSS -->
8+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
9+
<!-- Seu CSS - Certifique-se que o caminho está correto -->
10+
<link href="./style.css" rel="stylesheet">
11+
</head>
12+
<body>
13+
<div class="container mt-4">
14+
<!-- Formulário de Entrada -->
15+
<div class="row">
16+
<div class="col-md-4">
17+
<div class="card">
18+
<div class="card-header">
19+
<h5 class="card-title mb-0">Adicionar Palestrante</h5>
20+
</div>
21+
<div class="card-body">
22+
<form id="speakerForm">
23+
<div class="mb-3">
24+
<label for="name" class="form-label">Nome do Palestrante</label>
25+
<input type="text" class="form-control" id="name" required>
26+
</div>
27+
<div class="mb-3">
28+
<label for="role" class="form-label">Cargo</label>
29+
<input type="text" class="form-control" id="role" required>
30+
</div>
31+
<div class="mb-3">
32+
<label for="description" class="form-label">Descrição</label>
33+
<textarea class="form-control" id="description" rows="3" required></textarea>
34+
</div>
35+
<div class="mb-3">
36+
<label for="image" class="form-label">URL da Imagem</label>
37+
<input type="url" class="form-control" id="image" required>
38+
</div>
39+
<button type="submit" class="btn btn-primary">Adicionar Palestrante</button>
40+
</form>
41+
</div>
42+
</div>
43+
<!-- Botão de Exportação -->
44+
<div class="mt-3">
45+
<button id="exportBtn" class="btn btn-success w-100">Exportar Section</button>
46+
</div>
47+
</div>
48+
49+
<!-- Preview dos Palestrantes -->
50+
<div class="col-md-8">
51+
<div class="card">
52+
<div class="card-header">
53+
<h5 class="card-title mb-0">Preview dos Palestrantes</h5>
54+
<small class="text-muted">Visualize como os cards ficarão antes de exportar</small>
55+
</div>
56+
<div class="card-body">
57+
<div id="speakersPreview" class="row">
58+
<!-- Cards dos palestrantes serão inseridos aqui dinamicamente -->
59+
</div>
60+
</div>
61+
</div>
62+
</div>
63+
</div>
64+
</div>
65+
66+
<!-- Modal de Exportação -->
67+
<div class="modal fade" id="exportModal" tabindex="-1">
68+
<div class="modal-dialog modal-lg">
69+
<div class="modal-content">
70+
<div class="modal-header">
71+
<h5 class="modal-title">Código da Section</h5>
72+
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
73+
</div>
74+
<div class="modal-body">
75+
<div class="mb-3">
76+
<label class="form-label">Código HTML Gerado:</label>
77+
<textarea id="exportedCode" class="form-control" rows="10" readonly></textarea>
78+
</div>
79+
</div>
80+
<div class="modal-footer">
81+
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button>
82+
<button type="button" class="btn btn-primary" id="copyBtn">Copiar Código</button>
83+
<button type="button" class="btn btn-success" id="downloadBtn">Download HTML</button>
84+
</div>
85+
</div>
86+
</div>
87+
</div>
88+
89+
<!-- Scripts -->
90+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
91+
<!-- Seu JavaScript - Certifique-se que o caminho está correto -->
92+
<script src="./script.js"></script>
93+
94+
<!-- Script de Debug -->
95+
<script>
96+
// Adicionar isso temporariamente para debug
97+
console.log('DOM carregado');
98+
document.getElementById('speakerForm').addEventListener('submit', function(e) {
99+
console.log('Formulário enviado');
100+
e.preventDefault();
101+
const formData = {
102+
name: document.getElementById('name').value,
103+
role: document.getElementById('role').value,
104+
description: document.getElementById('description').value,
105+
image: document.getElementById('image').value
106+
};
107+
console.log('Dados do formulário:', formData);
108+
});
109+
</script>
110+
</body>
111+
</html>

0 commit comments

Comments
 (0)