-
Notifications
You must be signed in to change notification settings - Fork 0
/
academicroadmap.html
87 lines (81 loc) · 6.84 KB
/
academicroadmap.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Academic Roadmap</title>
<style>
.timeline {
display: flex;
overflow-x: scroll;
padding: 20px;
white-space: nowrap;
}
.semester {
flex: 0 0 auto;
border: 1px solid #ddd;
margin: 0 10px;
padding: 10px;
width: 200px;
background-color: #f9f9f9;
border-radius: 5px;
}
.semester h2 {
font-size: 16px;
margin-bottom: 10px;
}
.details {
font-size: 14px;
}
</style>
</head>
<body>
<div class="timeline" id="timeline"></div>
<script>
const semesters = [
{ period: '2024-2', ensino: '- 4 disciplinas', pesquisa: '5 artigos', extensao: '0 projeto', orientacoes: '2 orientações', bancas: '6 bancas', competicoes: '1 competição', eventos: '1 eventos', realizacoesTecnicas: '21 colaborações' },
{ period: '2024-1', ensino: '- disciplinas', pesquisa: '3 artigos', extensao: '0 projetos', orientacoes: '0 orientações', bancas: '1 banca', competicoes: '0 competição', eventos: '2 eventos', realizacoesTecnicas: '13 colaborações' },
{ period: '2023-2', ensino: '- disciplinas', pesquisa: '6 artigos', extensao: '0 projeto', orientacoes: '0 orientações', bancas: '2 bancas', competicoes: '0 competições', eventos: '4 eventos', realizacoesTecnicas: '3 colaborações' },
{ period: '2023-1', ensino: '- disciplinas', pesquisa: '5 artigos', extensao: '0 projetos', orientacoes: '0 orientações', bancas: '2 banca', competicoes: '1 competição', eventos: '2 eventos', realizacoesTecnicas: '3 colaboração' },
{ period: '2022-2', ensino: '- disciplinas', pesquisa: '3 artigos', extensao: '0 projeto', orientacoes: '0 orientações', bancas: '5 bancas', competicoes: '0 competições', eventos: '2 eventos', realizacoesTecnicas: '4 colaborações' },
{ period: '2022-1', ensino: '- disciplinas', pesquisa: '3 artigos', extensao: '0 projetos', orientacoes: '0 orientações', bancas: '4 banca', competicoes: '1 competição', eventos: '0 eventos', realizacoesTecnicas: '3 colaboração' },
{ period: '2021-2', ensino: '- disciplinas', pesquisa: '1 artigos', extensao: '0 projeto', orientacoes: '0 orientações', bancas: '1 bancas', competicoes: '0 competições', eventos: '0 eventos', realizacoesTecnicas: '5 colaborações' },
{ period: '2021-1', ensino: '6 disciplinas', pesquisa: '2 artigos', extensao: '0 projetos', orientacoes: '1 orientações', bancas: '1 banca', competicoes: '0 competição', eventos: '0 eventos', realizacoesTecnicas: '4 colaboração' },
{ period: '2020-2', ensino: '2 disciplinas', pesquisa: '2 artigos', extensao: '0 projeto', orientacoes: '0 orientações', bancas: '1 bancas', competicoes: '0 competições', eventos: '0 eventos', realizacoesTecnicas: '3 colaboração' },
{ period: '2020-1', ensino: '1 disciplinas', pesquisa: '1 artigos', extensao: '0 projetos', orientacoes: '2 orientações', bancas: '0 banca', competicoes: '0 competição', eventos: '0 eventos', realizacoesTecnicas: '4 colaborações' },
{ period: '2019-2', ensino: '2 disciplinas', pesquisa: '0 artigos', extensao: '0 projeto', orientacoes: '2 orientações', bancas: '3 bancas', competicoes: '0 competições', eventos: '0 eventos', realizacoesTecnicas: '2 colaboração' },
{ period: '2019-1', ensino: '4 disciplinas', pesquisa: '0 artigos', extensao: '0 projetos', orientacoes: '0 orientações', bancas: '2 banca', competicoes: '0 competição', eventos: '0 eventos', realizacoesTecnicas: '1 colaborações' },
{ period: '2018-2', ensino: '4 disciplinas', pesquisa: '4 artigos', extensao: '2 projeto', orientacoes: '5 orientações', bancas: '7 banca', competicoes: '0 competições', eventos: '0 eventos', realizacoesTecnicas: '2 colaboração' },
{ period: '2018-1', ensino: '6 disciplinas', pesquisa: '0 artigos', extensao: '2 projetos', orientacoes: '5 orientações', bancas: '5 bancas', competicoes: '0 competição', eventos: '0 eventos', realizacoesTecnicas: '2 colaborações' },
{ period: '2017-2', ensino: '5 disciplinas', pesquisa: '2 artigos', extensao: '2 projeto', orientacoes: '2 orientações', bancas: '3 banca', competicoes: '0 competição', eventos: '1 eventos', realizacoesTecnicas: '2 colaboração' },
{ period: '2017-1', ensino: '6 disciplinas', pesquisa: '3 artigos', extensao: '0 projetos', orientacoes: '2 orientações', bancas: '3 bancas', competicoes: '0 competição', eventos: '0 eventos', realizacoesTecnicas: '0 colaborações' },
{ period: '2016-2', ensino: '3 disciplinas', pesquisa: '4 artigos', extensao: '1 projeto', orientacoes: '0 orientações', bancas: '0 banca', competicoes: '0 competições', eventos: '2 eventos', realizacoesTecnicas: '3 colaborações' },
{ period: '2016-1', ensino: '7 disciplinas', pesquisa: '3 artigos', extensao: '0 projeto', orientacoes: '0 orientações', bancas: '0 banca', competicoes: '0 competição', eventos: '0 eventos', realizacoesTecnicas: '0 colaboração' },
{ period: '2015-2', ensino: '4 disciplinas', pesquisa: '1 artigo', extensao: '0 projetos', orientacoes: '0 orientações', bancas: '3 bancas', competicoes: '0 competições', eventos: '0 eventos', realizacoesTecnicas: '0 colaborações' },
{ period: '2015-1', ensino: '5 disciplinas', pesquisa: '1 artigos', extensao: '0 projeto', orientacoes: '0 orientações', bancas: '2 banca', competicoes: '0 competição', eventos: '0 eventos', realizacoesTecnicas: '0 colaboração' }
];
const timeline = document.getElementById('timeline');
semesters.forEach(semester => {
const semesterDiv = document.createElement('div');
semesterDiv.className = 'semester';
const period = document.createElement('h2');
period.innerText = semester.period;
semesterDiv.appendChild(period);
const details = document.createElement('div');
details.className = 'details';
details.innerHTML = `
<p>Ensino: ${semester.ensino}</p>
<p>Pesquisa: ${semester.pesquisa}</p>
<p>Extensão: ${semester.extensao}</p>
<p>Orientações: ${semester.orientacoes}</p>
<p>Bancas: ${semester.bancas}</p>
<p>Competições: ${semester.competicoes}</p>
<p>Eventos: ${semester.eventos}</p>
<p>Realizações técnicas: ${semester.realizacoesTecnicas}</p>
`;
semesterDiv.appendChild(details);
timeline.appendChild(semesterDiv);
});
</script>
</body>
</html>