-
Notifications
You must be signed in to change notification settings - Fork 0
/
academicroadmap.html
87 lines (81 loc) · 6.87 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', teaching: '- subjects', research: '2 articles', extension: '0 project', advising: '0 advisings', committees: '5 committees', competitions: '0 competitions', events: '0 events', technicalAchievements: '0 collaboration' },
{ period: '2024-1', teaching: '- subjects', research: '3 articles', extension: '0 projects', advising: '0 advisings', committees: '1 committee', competitions: '0 competition', events: '2 events', technicalAchievements: '13 collaborations' },
{ period: '2023-2', teaching: '- subjects', research: '6 articles', extension: '0 project', advising: '0 advisings', committees: '2 committees', competitions: '0 competitions', events: '4 events', technicalAchievements: '3 collaborations' },
{ period: '2023-1', teaching: '- subjects', research: '5 articles', extension: '0 projects', advising: '0 advisings', committees: '2 committee', competitions: '1 competition', events: '2 events', technicalAchievements: '3 collaboration' },
{ period: '2022-2', teaching: '- subjects', research: '3 articles', extension: '0 project', advising: '0 advisings', committees: '5 committees', competitions: '0 competitions', events: '2 events', technicalAchievements: '4 collaborations' },
{ period: '2022-1', teaching: '- subjects', research: '3 articles', extension: '0 projects', advising: '0 advisings', committees: '4 committee', competitions: '1 competition', events: '0 events', technicalAchievements: '3 collaboration' },
{ period: '2021-2', teaching: '- subjects', research: '1 article', extension: '0 project', advising: '0 advisings', committees: '1 committee', competitions: '0 competitions', events: '0 events', technicalAchievements: '5 collaborations' },
{ period: '2021-1', teaching: '6 subjects', research: '2 articles', extension: '0 projects', advising: '1 advising', committees: '1 committee', competitions: '0 competition', events: '0 events', technicalAchievements: '4 collaborations' },
{ period: '2020-2', teaching: '2 subjects', research: '2 articles', extension: '0 project', advising: '0 advisings', committees: '1 committee', competitions: '0 competitions', events: '0 events', technicalAchievements: '3 collaborations' },
{ period: '2020-1', teaching: '1 subject', research: '1 article', extension: '0 projects', advising: '2 advisings', committees: '0 committee', competitions: '0 competition', events: '0 events', technicalAchievements: '4 collaborations' },
{ period: '2019-2', teaching: '2 subjects', research: '0 articles', extension: '0 project', advising: '2 advisings', committees: '3 committees', competitions: '0 competitions', events: '0 events', technicalAchievements: '2 collaborations' },
{ period: '2019-1', teaching: '4 subjects', research: '0 articles', extension: '0 projects', advising: '0 advisings', committees: '2 committee', competitions: '0 competition', events: '0 events', technicalAchievements: '1 collaboration' },
{ period: '2018-2', teaching: '4 subjects', research: '4 articles', extension: '2 projects', advising: '5 advisings', committees: '7 committee', competitions: '0 competitions', events: '0 events', technicalAchievements: '2 collaborations' },
{ period: '2018-1', teaching: '6 subjects', research: '0 articles', extension: '2 projects', advising: '5 advisings', committees: '5 committees', competitions: '0 competition', events: '0 events', technicalAchievements: '2 collaborations' },
{ period: '2017-2', teaching: '5 subjects', research: '2 articles', extension: '2 projects', advising: '2 advisings', committees: '3 committee', competitions: '0 competition', events: '1 event', technicalAchievements: '2 collaborations' },
{ period: '2017-1', teaching: '6 subjects', research: '3 articles', extension: '0 projects', advising: '2 advisings', committees: '3 committees', competitions: '0 competition', events: '0 events', technicalAchievements: '0 collaborations' },
{ period: '2016-2', teaching: '3 subjects', research: '4 articles', extension: '1 project', advising: '0 advisings', committees: '0 committee', competitions: '0 competitions', events: '2 events', technicalAchievements: '3 collaborations' },
{ period: '2016-1', teaching: '7 subjects', research: '3 articles', extension: '0 project', advising: '0 advisings', committees: '0 committee', competitions: '0 competition', events: '0 events', technicalAchievements: '0 collaboration' },
{ period: '2015-2', teaching: '4 subjects', research: '1 article', extension: '0 projects', advising: '0 advisings', committees: '3 committees', competitions: '0 competitions', events: '0 events', technicalAchievements: '0 collaborations' },
{ period: '2015-1', teaching: '5 subjects', research: '1 article', extension: '0 projects', advising: '0 advisings', committees: '2 committee', competitions: '0 competition', events: '0 events', technicalAchievements: '0 collaboration' }
];
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>Teaching: ${semester.teaching}</p>
<p>Research: ${semester.research}</p>
<p>Extension: ${semester.extension}</p>
<p>Advising: ${semester.advising}</p>
<p>Committees: ${semester.committees}</p>
<p>Competitions: ${semester.competitions}</p>
<p>Events: ${semester.events}</p>
<p>Technical Achv.: ${semester.technicalAchievements}</p>
`;
semesterDiv.appendChild(details);
timeline.appendChild(semesterDiv);
});
</script>
</body>
</html>