Skip to content

Commit af27abf

Browse files
EveStarLITEEveStarLITE
committed
Start Re-Working Main Page
1 parent 24b1d98 commit af27abf

File tree

3 files changed

+91
-39
lines changed

3 files changed

+91
-39
lines changed

‎Collapse.js

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
var coll = document.getElementsByClassName("collapsible");
2+
3+
for (var i = 0; i < coll.length; i++) {
4+
coll[i].addEventListener("click", function() {
5+
this.classList.toggle("active");
6+
var content = this.nextElementSibling;
7+
if (content.style.display === "block") {
8+
content.style.display = "none";
9+
} else {
10+
content.style.display = "block";
11+
}
12+
});
13+
}

‎index.html

Lines changed: 43 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@
3737
</header>
3838
<div class="body">
3939
<h1>FRC 3512 Software Team</h1>
40-
<div class="Who_we_are_sec">
40+
<div class="Info">
4141
<h2 id="Who_we_are">Who We Are</h2>
4242
<p>We are the software subteam of <a href=
4343
"https://www.spartatroniks.com/">FRC Team 3512</a> located in Orcutt,
@@ -47,79 +47,83 @@ <h2 id="Who_we_are">Who We Are</h2>
4747
<p>This website is a collection of student and mentor knowledge and a
4848
teaching aid.</p>
4949
</div>
50-
<div class="Our_vision_sec">
51-
<h2 id="Our_vision">Our vision</h2>
50+
<div class="Info">
51+
<h2 id="Our_vision">Our Vision</h2>
5252
<p>Produce competent software engineers who:</p>
5353
<ol>
5454
<li>Understand the tradeoff between maintainability and performance.</li>
5555
<li>Can recognize when a given programming language or feature is the
5656
right fit for a problem.</li>
5757
</ol>
5858
</div>
59-
<div class="What_students_will_learn_sec">
60-
<h2 id="What_students_will_learn">What students will learn</h2>
59+
<div class="Info">
60+
<h2 id="What_students_will_learn">What Students Learn</h2>
6161
<p>The software subteam programs the robot to make it move and automate
6262
parts of its functionality. Our goal is to expose you to the software
6363
engineering process in a low-risk, collaborative learning environment so
6464
that if you eventually move on to computer science in college or in
6565
industry, you'll have all the tools you need to succeed.</p>
66-
<p>You will learn the following throughout your tenure as a software
67-
subteam member:</p>
68-
<ol>
69-
<li>The mindset software engineers use to break down and solve problems
70-
(how to think like a programmer).
71-
<ul>
72-
<li>What tools programming languages offer, and when/how to apply
73-
them solve problems in a manner that is effective, efficient, and
74-
promotes the long-term maintainability of the software project.</li>
75-
</ul>
76-
</li>
77-
<li>The tools and methodologies software engineers use to collaborate
78-
with each other and manage the complexity of a software project.</li>
79-
<li>Software engineering principles for real-time and embedded
80-
systems.</li>
81-
<li>Control theory, which lets us do two things:
82-
<ul>
83-
<li>Model our robots mathematically so we can test our software's
84-
correctness before the hardware is completed.</li>
85-
<li>Design and test controllers for those models that ensure actions
86-
like "move the elevator to this position" will work with minimal
87-
trial-and-error on the real hardware.</li>
88-
</ul>
89-
</li>
90-
<li>How to write automated tests that ensure our software continues to
91-
work as we add features and perform cleanups.</li>
92-
</ol>
66+
<button type="button" class="collapsible">
67+
What to expect our students to learn:
68+
</button>
69+
<div class="content">
70+
<ol>
71+
<li>The mindset software engineers use to break down and solve problems
72+
(how to think like a programmer).
73+
<ul>
74+
<li>What tools programming languages offer, and when/how to apply
75+
them solve problems in a manner that is effective, efficient, and
76+
promotes the long-term maintainability of the software project.</li>
77+
</ul>
78+
</li>
79+
<li>The tools and methodologies software engineers use to collaborate
80+
with each other and manage the complexity of a software project.</li>
81+
<li>Software engineering principles for real-time and embedded
82+
systems.</li>
83+
<li>Control theory, which lets us do two things:
84+
<ul>
85+
<li>Model our robots mathematically so we can test our software's
86+
correctness before the hardware is completed.</li>
87+
<li>Design and test controllers for those models that ensure actions
88+
like "move the elevator to this position" will work with minimal
89+
trial-and-error on the real hardware.</li>
90+
</ul>
91+
</li>
92+
<li>How to write automated tests that ensure our software continues to
93+
work as we add features and perform cleanups.</li>
94+
</ol>
9395
</div>
94-
<div class="Admin_sec">
96+
</div>
97+
<script src="Collapse.js"></script>
98+
<div class="Direct_links">
9599
<h2 id="Administration"><a href="admin/">Administration</a></h2>
96100
<p>Describes the software team's goals, its organization, and how it's
97101
run.</p>
98102
</div>
99-
<div class="Dev_bootstraps-sec">
103+
<div class="Direct_links">
100104
<h2 id="Developer_bootstrap"><a href="bootstrap/">Developer
101105
bootstrap</a></h2>
102106
<p>Provides the necessary tools to begin programming in C++.</p>
103107
</div>
104-
<div class="VPN_setup_sec">
108+
<div class="Direct_links">
105109
<h2 id="VPN_setup"><a href="vpn/">VPN setup</a></h2>
106110
<p>Instructions for connecting to our robot VPN.</p>
107111
</div>
108-
<div class="Curriculum_sec">
112+
<div class="Direct_links">
109113
<h2 id="Curriculum_and_instruction"><a href="ci/">Curriculum and
110114
instruction</a></h2>
111115
<p>Contains the software team teaching materials.</p>
112116
</div>
113-
<div class="Github_sec">
117+
<div class="Direct_links">
114118
<h2 id="GitHub"><a href="https://github.com/frc3512/">GitHub</a></h2>
115119
<p>The software team's GitHub organization, which contains mirrors of our
116120
Git repositories.</p>
117121
</div>
118-
<div class="FLL_sec">
122+
<div class="Direct_links">
119123
<h2 id="FLL"><a href="fll/">FLL</a></h2>
120124
<p>FLL-related stuff the software team deals with on an annual basis.</p>
121125
</div>
122-
<div class="Archives_sec">
126+
<div class="Direct_links">
123127
<h2 id="Archives"><a href="archives/">Archives</a></h2>
124128
<p>Contains legacy projects and resources from throughout the team's
125129
history.</p>

‎main.css

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,13 +39,25 @@ div.body {
3939
padding: 1em;
4040
}
4141

42+
div.Info {
43+
border-style: outset;
44+
border-color: rgb(138, 146, 192);
45+
padding: 10px;
46+
margin-bottom: 0.75rem;
47+
}
48+
4249
figure figcaption {
4350
font-size: 0.7em;
4451
line-height: 1.3em;
4552
}
4653

4754
h1 {
4855
text-align: center;
56+
color: rgb(0, 0, 36);
57+
}
58+
59+
h2 {
60+
text-align: center;
4961
}
5062

5163
h3 {
@@ -119,3 +131,26 @@ summary.curriculum:hover {
119131
height: 2.8em; /* fixed header height */
120132
margin: -2.8em 0 0; /* negative fixed header height */
121133
}
134+
135+
.collapsible {
136+
background-color: #eee;
137+
color: #444;
138+
cursor: pointer;
139+
padding: 18px;
140+
width: 100%;
141+
border: none;
142+
text-align: left;
143+
outline: none;
144+
font-size: 15px;
145+
}
146+
147+
.active, .collapsible:hover {
148+
background-color: #ccc;
149+
}
150+
151+
.content {
152+
padding: 0 18px;
153+
display: none;
154+
overflow: hidden;
155+
background-color: #f1f1f1;
156+
}

0 commit comments

Comments
 (0)