eoghanconlon73/website_test
1
0
Fork 0
generated from Skynet/deploy_user
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adding presentations that were in the home dir to the repo #1

Merged
eoghanconlon73 merged 1 commit from presentations_refactor into main 2024-09-25 18:57:49 +00:00
Conversation 0 Commits 1 Files changed 10 +743
10 changed files with 743 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 4747431b98 - Show all commits

382
src/presentations/college/Application/presentation.html Executable file
View file

@ -0,0 +1,382 @@
<!DOCTYPE html>
<html lang='en'>
<head>
<title>Making our Roads Safer Through the use of Technology</title>
</head>
<body>
<section class='slide' id='0' style='display:none'>
<p>
Making our Roads Safer Through the use of Technology
</p>
<p>
Eoghan Conlon
<br />
21310262
</p>
</section>
<section class='slide' id='1' style='display:none'>
<h1>Introduction</h1>
<p>
Motorways >
</p>
<p>
City Streets >
</p>
<p>
Cities >
</p>
<p>
Conclusion
</p>
</section>
<section class='slide' id='2' style='display:none'>
<p>
Introduction
</p>
<p>
Motorways ^
</p>
<h1>Smart Motorways</h1>
<p>
Controlled Motorways
<br />
Partial shoulder running Motorways
<br />
All-lane running motorways
<br />
Advantages
</p>
<p>
City Streets >
</p>
<p>
Cities >
</p>
<p>
Conclusion
</p>
</section>
<section class='slide' id='3' style='display:none'>
<p>
Introduction
</p>
<p>
Motorways ^
<br />
Smart Motorways
</p>
<h1>Controlled Motorways</h1>
<p>
Partial shoulder running Motorways
<br />
All-lane running motorways
<br />
Advantages
</p>
<p>
City Streets >
</p>
<p>
Cities >
</p>
<p>
Conclusion
</p>
</section>
<section class='slide' id='4' style='display:none'>
<p>
Introduction
</p>
<p>
Motorways ^
<br />
Smart Motorways
<br />
Controlled Motorways
</p>
<h1>Partial shoulder running Motorways</h1>
<p>
All-lane running motorways
<br />
Advantages
</p>
<p>
City Streets >
</p>
<p>
Cities >
</p>
<p>
Conclusion
</p>
</section>
<section class='slide' id='5' style='display:none'>
<p>
Introduction
</p>
<p>
Motorways ^
<br />
Smart Motorways
<br />
Controlled Motorways
<br />
Partial shoulder running Motorways
</p>
<h1>All-lane running motorways</h1>
<p>
Advantages
</p>
<p>
City Streets >
</p>
<p>
Cities >
</p>
<p>
Conclusion
</p>
</section>
<section class='slide' id='6' style='display:none'>
<p>
Introduction
</p>
<p>
Motorways ^
<br />
Smart Motorways
<br />
Controlled Motorways
<br />
Partial shoulder running Motorways
<br />
All-lane running motorways
</p>
<h1>Advantages</h1>
<p>
City Streets >
</p>
<p>
Cities >
</p>
<p>
Conclusion
</p>
</section>
<section class='slide' id='7' style='display:none'>
<p>
Introduction
</p>
<p>
Motorways >
</p>
<p>
City Streets ^
</p>
<h1>Junction design</h1>
<p>
Traffic flow
<br />
Ideal junction design
</p>
<p>
Cities >
</p>
<p>
Conclusion
</p>
</section>
<section class='slide' id='8' style='display:none'>
<p>
Introduction
</p>
<p>
Motorways >
</p>
<p>
City Streets ^
<br />
Junction design
</p>
<h1>Traffic flow</h1>
<p>
Ideal junction design
</p>
<p>
Cities >
</p>
<p>
Conclusion
</p>
</section>
<section class='slide' id='9' style='display:none'>
<p>
Introduction
</p>
<p>
Motorways >
</p>
<p>
City Streets ^
<br />
Junction design
<br />
Traffic flow
</p>
<h1>Ideal junction design</h1>
<p>
Cities >
</p>
<p>
Conclusion
</p>
</section>
<section class='slide' id='10' style='display:none'>
<p>
Introduction
</p>
<p>
Motorways >
</p>
<p>
City Streets >
</p>
<p>
Cities ^
</p>
<h1>Ideal diversion routes</h1>
<p>
How to make traffic flow easier should they be needed
<br />
Ideal city planning
</p>
<p>
Conclusion
</p>
</section>
<section class='slide' id='11' style='display:none'>
<p>
Introduction
</p>
<p>
Motorways >
</p>
<p>
City Streets >
</p>
<p>
Cities ^
<br />
Ideal diversion routes
</p>
<h1>How to make traffic flow easier should they be needed</h1>
<p>
Ideal city planning
</p>
<p>
Conclusion
</p>
</section>
<section class='slide' id='12' style='display:none'>
<p>
Introduction
</p>
<p>
Motorways >
</p>
<p>
City Streets >
</p>
<p>
Cities ^
<br />
Ideal diversion routes
<br />
How to make traffic flow easier should they be needed
</p>
<h1>Ideal city planning</h1>
<p>
Conclusion
</p>
</section>
<section class='slide' id='13' style='display:none'>
<p>
Introduction
</p>
<p>
Motorways >
</p>
<p>
City Streets >
</p>
<p>
Cities >
</p>
<h1>Conclusion</h1>
</section>
<section class='slide' id='14' style='display:none'>
</section>
</body>
<style>
section.slide {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(3);
}
</style>
<script>
let slide_number = 0;
let slide_max = 0;
for (let section of document.querySelectorAll("section.slide")) {
let number = parseInt(section.id, 10);
if (number > slide_max) {
slide_max = number;
}
}
slide_next = (change) => {
// make old hidden
document.getElementById(`${slide_number}`).style.display = "none";
// make the change
let slide_number_new = slide_number + change;
if (slide_number_new >= 0 && slide_number_new <= slide_max) {
slide_number += change;
}
// make current visible
document.getElementById(`${slide_number}`).style.display = "block";
}
// add event listner
onkeydown = (event) => {
if (event.key === "ArrowRight" || event.key === "ArrowDown") {
slide_next(1);
}
if (event.key === "ArrowLeft" || event.key === "ArrowUp") {
slide_next(-1);
}
};
on_events = (clickTargetWidth, xCoordInClickTarget) => {
if (clickTargetWidth / 2 > xCoordInClickTarget) {
slide_next(-1);
} else {
slide_next(1);
}
}
onclick = (event) => {
on_events(event.target.offsetWidth, event.clientX - event.target.getBoundingClientRect().left);
};
ontouchstart = (event) => {
on_events(event.target.offsetWidth, event.touches[0].clientX - event.target.getBoundingClientRect().left);
};
// show the first slide
slide_next(0)
</script>
</html>

BIN
src/presentations/college/microcontroller_presentation_and_images/Crossing.jpg (Stored with Git LFS) Executable file
View file

Binary file not shown.

BIN
src/presentations/college/microcontroller_presentation_and_images/Handheld.jpg (Stored with Git LFS) Executable file
View file

Binary file not shown.

BIN
src/presentations/college/microcontroller_presentation_and_images/average.jpg (Stored with Git LFS) Executable file
View file

Binary file not shown.

BIN
src/presentations/college/microcontroller_presentation_and_images/major.jpg (Stored with Git LFS) Executable file
View file

Binary file not shown.

BIN
src/presentations/college/microcontroller_presentation_and_images/major_var.jpg (Stored with Git LFS) Executable file
View file

Binary file not shown.

197
src/presentations/college/microcontroller_presentation_and_images/microcontrollers.html Executable file
View file

@ -0,0 +1,197 @@
<!DOCTYPE html>
<html lang='en'>
<head>
<title>Microcontrollers in transport</title>
</head>
<body>
<section class='slide' id='0' style='display:none'>
<h1>Microcontrollers in transport</h1>
<p>
Eoghan Conlon
<br />
21310262
</p>
</section>
<section class='slide' id='1' style='display:none'>
<h2>Microcontrollers vs Microprocessors</h2>
</section>
<section class='slide' id='2' style='display:none'>
<h2>Communication Stack</h2>
<ul>
<li>
TCP/IP
</li>
<li>
Bluetooth
</li>
<li>
OSI Model
</li>
</ul>
</section>
<section class='slide' id='3' style='display:none'>
<h2>Transport network</h2>
<ol>
<li value="1">
Speed Cameras
</li>
</ol>
<ol>
<li value="2">
Traffic Lights
</li>
</ol>
<ol>
<li value="3">
Road Surveys
</li>
</ol>
</section>
<section class='slide' id='4' style='display:none'>
<h3>Speed Cameras</h3>
<ol>
<li value="1">
Handheld Radar Cameras
</li>
</ol>
<ol>
<li value="2">
Speed camera vans
</li>
</ol>
<ol>
<li value="3">
Average speed camera zones
</li>
</ol>
</section>
<section class='slide' id='5' style='display:none'>
<h4>Handheld Cameras</h4>
<img src="Handheld.jpg" width="300" height="152" />
</section>
<section class='slide' id='6' style='display:none'>
<h4>Speed camera vans</h4>
<img src="van.jpg" width="238" height="217" />
</section>
<section class='slide' id='7' style='display:none'>
<h4>Average speed zones</h4>
<img src="average.jpg" width="500" height="375" />
</section>
<section class='slide' id='8' style='display:none'>
<h3>Traffic Lights</h3>
<ol>
<li value="1">
Pedestrian crossing
</li>
</ol>
<ol>
<li value="2">
Minor road junction
</li>
</ol>
<ol>
<li value="3">
Major road junction
</li>
</ol>
</section>
<section class='slide' id='9' style='display:none'>
<h4>Pedestrian Crossing</h4>
<img src="Crossing.jpg" width="500" height="375" />
</section>
<section class='slide' id='10' style='display:none'>
<h4>Minor road junction</h4>
<ul>
<li>
Similar to the padestrian crossing, just with added roads to think of.
</li>
</ul>
</section>
<section class='slide' id='11' style='display:none'>
<h4>Major road Junction</h4>
<img src="major.jpg" height="375" width="500" />
</section>
<section class='slide' id='12' style='display:none'>
<h5>Slight variation</h5>
<img src="major_var.jpg" height="375" width="500" />
</section>
<section class='slide' id='13' style='display:none'>
<h3>Road surveys</h3>
<ul>
<li>
Simple
</li>
<li>
No external communication required
</li>
<li>
No built-in display, only storage
</li>
</ul>
</section>
<section class='slide' id='14' style='display:none'>
</section>
</body>
<style>
section.slide {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(3);
}
</style>
<script>
let slide_number = 0;
let slide_max = 0;
for (let section of document.querySelectorAll("section.slide")) {
let number = parseInt(section.id, 10);
if (number > slide_max) {
slide_max = number;
}
}
slide_next = (change) => {
// make old hidden
document.getElementById(`${slide_number}`).style.display = "none";
// make the change
let slide_number_new = slide_number + change;
if (slide_number_new >= 0 && slide_number_new <= slide_max) {
slide_number += change;
}
// make current visible
document.getElementById(`${slide_number}`).style.display = "block";
}
// add event listner
onkeydown = (event) => {
if (event.key === "ArrowRight" || event.key === "ArrowDown") {
slide_next(1);
}
if (event.key === "ArrowLeft" || event.key === "ArrowUp") {
slide_next(-1);
}
};
on_events = (clickTargetWidth, xCoordInClickTarget) => {
if (clickTargetWidth / 2 > xCoordInClickTarget) {
slide_next(-1);
} else {
slide_next(1);
}
}
onclick = (event) => {
on_events(event.target.offsetWidth, event.clientX - event.target.getBoundingClientRect().left);
};
ontouchstart = (event) => {
on_events(event.target.offsetWidth, event.touches[0].clientX - event.target.getBoundingClientRect().left);
};
// show the first slide
slide_next(0)
</script>
</html>

BIN
src/presentations/college/microcontroller_presentation_and_images/van.jpg (Stored with Git LFS) Executable file
View file

Binary file not shown.

143
src/presentations/college/sensors/sensors_presentation.html Executable file
View file

@ -0,0 +1,143 @@
<!DOCTYPE html>
<html lang='en'>
<head>
<title>Sensors in transport</title>
</head>
<body>
<section class='slide' id='0' style='display:none'>
<h1>Sensors in Transport</h1>
<p>
Eoghan Conlon
<br />
21310262@studentmail.ul.ie
</p>
</section>
<section class='slide' id='1' style='display:none'>
<h1>Sensors</h1>
<p>
Before we begin, does anyone have any questions on what a sensor is?
</p>
</section>
<section class='slide' id='2' style='display:none'>
<p>
Now that that's out of the way, here's how they are used in transport.
</p>
</section>
<section class='slide' id='3' style='display:none'>
<h1>Roads</h1>
</section>
<section class='slide' id='4' style='display:none'>
<p>
There are different types of sensors used on roads.
</p>
</section>
<section class='slide' id='5' style='display:none'>
<h2>Sensors at traffic lights</h2>
</section>
<section class='slide' id='6' style='display:none'>
<h2>Survey Sensors</h2>
</section>
<section class='slide' id='7' style='display:none'>
<img src="./speedCameraVan.jpg" height=250></img>
<p>
Image taken by: <a target='_blank' rel='noopener noreferrer' href='https://www.flickr.com/photos/rossendalewadey/44737927100/in/photostream/'>Robert Wade</a> <a target='_blank' rel='noopener noreferrer' href='https://creativecommons.org/licenses/by-nc-sa/2.0/'>Licence</a>
</p>
</section>
<section class='slide' id='8' style='display:none'>
<h2>Garda speed guns</h2>
</section>
<section class='slide' id='9' style='display:none'>
<h1>Public Transport</h1>
</section>
<section class='slide' id='10' style='display:none'>
<h2>Why not Planes or Boats?</h2>
</section>
<section class='slide' id='11' style='display:none'>
<h2>Buses</h2>
</section>
<section class='slide' id='12' style='display:none'>
<h3>Common Sensors</h3>
</section>
<section class='slide' id='13' style='display:none'>
<h3>Inter-city implementation of GPS tracking</h3>
</section>
<section class='slide' id='14' style='display:none'>
<h2>Trains</h2>
</section>
<section class='slide' id='15' style='display:none'>
<h3>Common Sensors</h3>
</section>
<section class='slide' id='16' style='display:none'>
<h3>GPS?</h3>
</section>
<section class='slide' id='17' style='display:none'>
<h2>Slightly more secure implementation?</h2>
</section>
<section class='slide' id='18' style='display:none'>
<h1>Any Questions?</h1>
</section>
<section class='slide' id='19' style='display:none'>
</section>
</body>
<style>
section.slide {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(3);
}
</style>
<script>
let slide_number = 0;
let slide_max = 0;
for (let section of document.querySelectorAll("section.slide")) {
let number = parseInt(section.id, 10);
if (number > slide_max) {
slide_max = number;
}
}
slide_next = (change) => {
// make old hidden
document.getElementById(`${slide_number}`).style.display = "none";
// make the change
let slide_number_new = slide_number + change;
if (slide_number_new >= 0 && slide_number_new <= slide_max) {
slide_number += change;
}
// make current visible
document.getElementById(`${slide_number}`).style.display = "block";
}
// add event listner
onkeydown = (event) => {
if (event.key === "ArrowRight" || event.key === "ArrowDown") {
slide_next(1);
}
if (event.key === "ArrowLeft" || event.key === "ArrowUp") {
slide_next(-1);
}
};
on_events = (clickTargetWidth, xCoordInClickTarget) => {
if (clickTargetWidth / 2 > xCoordInClickTarget) {
slide_next(-1);
} else {
slide_next(1);
}
}
onclick = (event) => {
on_events(event.target.offsetWidth, event.clientX - event.target.getBoundingClientRect().left);
};
ontouchstart = (event) => {
on_events(event.target.offsetWidth, event.touches[0].clientX - event.target.getBoundingClientRect().left);
};
// show the first slide
slide_next(0)
</script>
</html>

BIN
src/presentations/college/sensors/speedCameraVan.jpg (Stored with Git LFS) Executable file
View file

Binary file not shown.