-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
205 lines (182 loc) · 8.96 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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Midterm Requirement</title>
<link rel="stylesheet" href="app.css">
<!-- Added -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;600;700&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!-- HEADER SECTION -->
<section class="header">
<!-- nav container for images and links -->
<nav>
<a href="index.html"><img src="images/logo.png"><img src="images/profilepicture.jpg"
id="profile_picture"></a>
<!-- div container for links only -->
<div class="nav-links" id="navLinks">
<i class="fa fa-times" onclick="hideMenu()"></i>
<ul>
<li><a href="#prelim">PRELIM</a></li>
<li><a href="#midterm">MIDTERM</a></li>
<li><a href="#other">OTHER ACTIVITIES</a></li>
<li><a href="#testimonial">TESTIMONIAL</a></li>
<li><a href="#dmath">WHAT IS D.MATH?</a></li>
<li><a href="#about">ABOUT ME</a></li>
</ul>
</div>
<i class="fa fa-bars" onclick="showMenu()"></i>
</nav>
<!-- container to input a text box -->
<div class="text-box">
<h1>DISCREET MATHEMATICS</h1>
<p>Portfolio For All My Prelim And Midterm Activities</p>
</div>
</section>
<!-- PRELIM ACTIVITIES SECTION -->
<section class="prelim">
<h1 id="prelim">Prelim Activities</h1>
<p>August 2022 to September 2022</p>
<!-- container for row -->
<div class="row">
<!-- container for column 1 -->
<div class="prelim-col">
<iframe src="pdf/prelim_asy1.pdf" height="650px"></iframe>
<h3>Asynchronous Task 1</h3>
<p>This task was just about uploading a 2x2 picture of us for out Google Meet and changing the display
format of our name.</p>
</div>
<!-- container for column 2 -->
<div class="prelim-col">
<iframe src="pdf/prelim_asy2.pdf" height="650px"></iframe>
<h3>Asynchronous Task 2</h3>
<p>In this task, we needed to identify if the given statements are a proposition or not. We also
converted logical connectives into an English statement. Lastly, we constructed a truth table for
the given compound propositions.</p>
</div>
<!-- container for column 3 -->
<div class="prelim-col">
<iframe src="pdf/prelim_asy3.pdf" height="650px"></iframe>
<h3>Asynchronous Task 3</h3>
<p>For the last task in Prelim, what we did was to construct a truth table based on the propositional
logic given and identify the given propositional logic on a given statement.</p>
</div>
</div>
</section>
<!-- MIDTERM ACTIVITIES SECTION -->
<section class="midterm">
<h1 id="midterm">Midterm Activities</h1>
<p>September 2022 to November 2022</p>
<!-- container for row -->
<div class="row">
<!-- container for column 1 -->
<div class="midterm-col">
<iframe src="pdf/midterm_asy4.pdf" height="650px"></iframe>
<h3>Asynchronous Task 4</h3>
<p>Our first task for Midterm. In this task, we needed to find the given bitwise OR, AND, and XOR for
the given bit strings. We also constructed a truth table to confirm if the the two compound
propositions are logically equivalent.</p>
</div>
<!-- container for column 2 -->
<div class="midterm-col">
<iframe src="pdf/midterm_asy5.pdf" height="650px"></iframe>
<h3>Asynchronous Task 5</h3>
<p>For this task, it was pretty much the same as the previous task. We needed to find the bitwise OR,
AND, and XOR for the given bit strings.</p>
</div>
<!-- container for column 3 -->
<div class="midterm-col">
<iframe src="pdf/midterm_asy6.pdf" height="650px"></iframe>
<h3>Asynchronous Task 6</h3>
<p>For the last task in Midterm, we needed to determine if the given compound propositions are
satisfiable.</p>
</div>
</div>
</section>
<!-- OTHER ACTIVITIES SECTION -->
<section class="other">
<h1 id="other">Other Activities</h1>
<p></p>
<!-- container for row -->
<div class="row">
<!-- container for column 1 -->
<div class="other-col">
<iframe src="pdf/raite.pdf" height="650px"></iframe>
<h3>RAITE 2022</h3>
<p>We joined the RAITE 2022 (otherwise known as Regional Assembly On Information Technology Education)
In this task, will need to document what transpired throughout the assembly and this will serve as a
proof that we have indeed joined the said assembly.</p>
</div>
<!-- container for column 2 -->
<div class="other-col">
<iframe src="pdf/other__activity.pdf" height="650px"></iframe>
<h3>Midterm Requirement</h3>
<p>So far, this is my favorite task out of all the tasks assigned to us. I'm currently learning Web
Development and with the help of a YouTube video, I am able to create a simple static website. I
used a version control system called Git and uploaded this portfolio to my Github account so it will
be hosted for free. </p>
</div>
</div>
</section>
<!-- TESTIMONIAL SECTION -->
<section class="testimonial">
<h1 id="testimonial">How Was Prelim And Midterm For Me, You Ask?</h1>
<p>My Testimonial</p>
<div class="row">
<div class="testimonial-col">
<div>
<p>I am happy about what transpired during Prelim in DMATH. The topics that were covered were all
that I needed to learn and understand because I definitely need them for PROG1L in C
Programming. Topics like the Propositional Logic AND, OR, and NEGATION could be translated to
&&, ||, and != in C Programming.</p>
<h3>PRELIM</h3>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
<div class="testimonial-col">
<div>
<p>Midterm was okay for me. I have not seen any topics that were useful in PROG1L. So for me, topics
in Midterm was just for extra knowledge but I don't remember using them in C Programming.</p>
<h3>MIDTERM</h3>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</div>
</div>
</div>
</section>
<!-- WHAT IS DMATH SECTION -->
<section class="dmath">
<h1 id="dmath">Discrete mathematics is a branch of mathematics concerned with the study of objects that can be
represented
finitely (or countably). <br><br>Discrete math can be used for software design specifications, analysis of
algorithms, and other practical applications, but it's really a great tool to develop as a programmer. Put
simply, it's a building block for logical thinking.
</h1>
</section>
<!-- FOOTER SECTION -->
<section class="footer">
<h4 id="about">About Me</h4>
<p>I am a first year student studying Computer Science at Systems Plus College Foundation (SPCF).</p>
<div class="icons">
<a class="fa fa-facebook" href="https://www.facebook.com/kylebrentgallego" target="_blank"></a>
<a class="fa fa-instagram" href="https://www.instagram.com/_kylegallego/" target="_blank"></a>
<a class="fa fa-github" href="https://github.com/brent203" target="_blank"></a>
</div>
<p>Made by Kyle Brent Gallego</p>
</section>
</body>
</html>