Skip to content

Commit

Permalink
Website changed
Browse files Browse the repository at this point in the history 
- All events added
- Address changed
- inlcude feature added
- podcast page added
  • Loading branch information
@mahgoubyoussef
mahgoubyoussef committed Nov 24, 2024
1 parent 27cde2b commit 73da654
Show file tree
Hide file tree
Showing 38 changed files with 1,625 additions and 294 deletions.
4 changes: 4 additions & 0 deletions css/past-events.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,6 +64,10 @@ object-fit: cover; /* Ensures the image covers the container while maintaining a
.timeline-event h3,
.timeline-event h4 {
margin: 0;
color: black;
}
.timeline-event a {
text-decoration: none; /* Removes underline from links */
}
.timeline-event p {
margin-top: 10px;
Expand Down
111 changes: 111 additions & 0 deletions html/2014-event.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,111 @@
<!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">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../css/common.css">
<link rel="stylesheet" href="../css/events.css">
<title>TEDxRWTHAachen</title> <link rel="icon" href="../img/logo/tedx.png">
</head>
<body>
<!--Header Section-->
<div data-inlcude="header.html"></div>
<!--Event Titel Section-->
<section class="event-title">
<h1 class="section-title">2014 Breaking the rules</h1>
<p class="event-info">[12th of April 2014, Hauptgebäude RWTH Aachen, Attendees: 400]</p>
<p class="event-description">In the spirit of ideas worth spreading, TEDx is a program of local,
self-organized events that bring people together to share a TED-like experience. At a TEDx event,
TEDTalks video and live speakers combine to spark deep discussion and connection in a small group.
These local, self-organized events are branded TEDx, where x = independently organized TED event.
The TED Conference provides general guidance for the TEDx program, but individual TEDx events
are self-organized (subject to certain rules and regulations).</p>
</section>
<!--Speakers Section-->
<section class="speakers-section">
<h2 class="section-title">Speakers</h2>
<div class="speakers-grid">
<div class="speaker-card">
<div class="speaker-img">
<img src="../img/2024/lauterpach.jpeg" alt="Karl Lauterpach">
</div>
<div class="speaker-info">
<h3>Karl Lauterpach
<a href="https://www.linkedin.com/company/tedxrwthaachen/mycompany/" target="_blank">
<img src="../img/logo/linkedin.png">
</a>
</h3>
<p>Healthcare systems for a better social world</p>
<a href="https://youtu.be/RKVUhHDusfU?si=2RJz8Up3rQHj4JwS" class="btndesign1" target="_blank">Watch Talk Here</a>
</div>
</div>

<div class="speaker-card">
<div class="speaker-img">
<img src="../img/2024/bluhm.jpeg" alt="Hendrik Bluhm">
</div>
<div class="speaker-info">
<h3>Hendrik Bluhm
<a href="https://www.linkedin.com/company/tedxrwthaachen/mycompany/" target="_blank">
<img src="../img/logo/linkedin.png">
</a>
</h3>
<p>Quantencomputer</p>
<a href="https://youtu.be/SSJiwLz8QSI?si=EgiAERwQ2PZrpbsU" class="btndesign1" target="_blank">Watch Talk Here</a>
</div>
</div>

<div class="speaker-card">
<div class="speaker-img">
<img src="../img/2024/thiele.jpeg" alt="Dr. Gerhard Thiele">
</div>
<div class="speaker-info">
<h3>Dr. Gerhard Thiele
<a href="https://www.linkedin.com/company/tedxrwthaachen/mycompany/" target="_blank">
<img src="../img/logo/linkedin.png">
</a>
</h3>
<p>Insights from a space shuttle mission</p>
<a href="https://youtu.be/qJRdk5FTSLY?si=gZ8Uue49U-S3yDYw" class="btndesign1" target="_blank">Watch Talk Here</a>
</div>
</div>

<div class="speaker-card">
<div class="speaker-img">
<img src="../img/2024/ates.jpeg" alt="Seyran Ates">
</div>
<div class="speaker-info">
<h3>Seyran Ates
<a href="https://www.linkedin.com/company/tedxrwthaachen/mycompany/" target="_blank">
<img src="../img/logo/linkedin.png">
</a>
</h3>
<p>Migrationshintergrund - Deutscher Vordergrund</p>
<a href="https://youtu.be/9jlsxRJ0PCQ?si=yl1TPyJqFX6Ah5A1" class="btndesign1" target="_blank">Watch Talk Here</a>
</div>
</div>

<div class="speaker-card">
<div class="speaker-img">
<img src="../img/2024/bzdok.jpeg" alt="Dr. Danilo Bzdok">
</div>
<div class="speaker-info">
<h3>Dr. Danilo Bzdok
<a href="https://www.linkedin.com/company/tedxrwthaachen/mycompany/" target="_blank">
<img src="../img/logo/linkedin.png">
</a>
</h3>
<p>Society in the brain</p>
<a href="https://youtu.be/yq-L5I3d-sk?si=uZ_qt5-KjeTBdlh8" class="btndesign1" target="_blank">Watch Talk Here</a>
</div>
</div>
</div>
</section>
<!--Footer Section-->
<div data-inlcude="footer.html"></div>
<script src="loadheaderfooter.js"></script>

</body>
</html>
126 changes: 126 additions & 0 deletions html/2015-event.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,126 @@
<!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">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../css/common.css">
<link rel="stylesheet" href="../css/events.css">
<title>TEDxRWTHAachen</title> <link rel="icon" href="../img/logo/tedx.png">
</head>
<body>
<!--Header Section-->
<div data-inlcude="header.html"></div>
<!--Event Titel Section-->
<section class="event-title">
<h1 class="section-title">2015 Into the kaleidoscope</h1>
<p class="event-info">[28th of May 2015, Hauptgebäude RWTH Aachen, Attendees: 400]</p>
<p class="event-description">In the spirit of ideas worth spreading, TEDx is a program of local,
self-organized events that bring people together to share a TED-like experience. At a TEDx event,
TEDTalks video and live speakers combine to spark deep discussion and connection in a small group.
These local, self-organized events are branded TEDx, where x = independently organized TED event.
The TED Conference provides general guidance for the TEDx program, but individual TEDx events
are self-organized (subject to certain rules and regulations).</p>
</section>
<!--Speakers Section-->
<section class="speakers-section">
<h2 class="section-title">Speakers</h2>
<div class="speakers-grid">
<div class="speaker-card">
<div class="speaker-img">
<img src="../img/2024/presse.jpeg" alt="André Presse">
</div>
<div class="speaker-info">
<h3>André Presse
<a href="https://www.linkedin.com/company/tedxrwthaachen/mycompany/" target="_blank">
<img src="../img/logo/linkedin.png">
</a>
</h3>
<p>Economic policies for an entrepreneurial society</p>
<a href="https://youtu.be/F3r4iQH3riY?si=ammtLPheLd0wny9D" class="btndesign1" target="_blank">Watch Talk Here</a>
</div>
</div>

<div class="speaker-card">
<div class="speaker-img">
<img src="../img/2024/pohl.jpeg" alt="Gabriele Pohl">
</div>
<div class="speaker-info">
<h3>Gabriele Pohl
<a href="https://www.linkedin.com/company/tedxrwthaachen/mycompany/" target="_blank">
<img src="../img/logo/linkedin.png">
</a>
</h3>
<p>Gipfelstürmer brauchen ein Basislager</p>
<a href="https://youtu.be/NfFNiS5K1tY?si=MmhpNSFAPqgqyFc2" class="btndesign1" target="_blank">Watch Talk Here</a>
</div>
</div>

<div class="speaker-card">
<div class="speaker-img">
<img src="../img/2024/mainzer.jpeg" alt="Klaus Mainzer">
</div>
<div class="speaker-info">
<h3>Klaus Mainzer
<a href="https://www.linkedin.com/company/tedxrwthaachen/mycompany/" target="_blank">
<img src="../img/logo/linkedin.png">
</a>
</h3>
<p>Complexity - from Big Bang to Big Dat</p>
<a href="https://youtu.be/CLGEpBNcaxE?si=NqQsvKDwtdh-XNJ_" class="btndesign1" target="_blank">Watch Talk Here</a>
</div>
</div>

<div class="speaker-card">
<div class="speaker-img">
<img src="../img/2024/soltani.jpeg" alt="Neda Soltani">
</div>
<div class="speaker-info">
<h3>Neda Soltani
<a href="https://www.linkedin.com/company/tedxrwthaachen/mycompany/" target="_blank">
<img src="../img/logo/linkedin.png">
</a>
</h3>
<p>A stolen life - A new perspective and everything in between</p>
<a href="https://youtu.be/1gKpnn_MhWA?si=hsbn0Z6guZ__jlKA" class="btndesign1" target="_blank">Watch Talk Here</a>
</div>
</div>

<div class="speaker-card">
<div class="speaker-img">
<img src="../img/2024/viswanathan.jpeg" alt="Shivakumar Viswanathan">
</div>
<div class="speaker-info">
<h3>Shivakumar Viswanathan
<a href="https://www.linkedin.com/company/tedxrwthaachen/mycompany/" target="_blank">
<img src="../img/logo/linkedin.png">
</a>
</h3>
<p>How do we distinguish a right hand from a left hand?</p>
<a href="https://youtu.be/7Ek93j2c7F8?si=2WKRg_LVUWYOVNBu" class="btndesign1" target="_blank">Watch Talk Here</a>
</div>
</div>

<div class="speaker-card">
<div class="speaker-img">
<img src="../img/2024/utikal.jpeg" alt="Verena Utikal">
</div>
<div class="speaker-info">
<h3>Verena Utikal
<a href="https://www.linkedin.com/company/tedxrwthaachen/mycompany/" target="_blank">
<img src="../img/logo/linkedin.png">
</a>
</h3>
<p>What determines our perception of intention?</p>
<a href="https://youtu.be/KW3vvF6dD7Q?si=RhRFQ6NWvv5AA6qA" class="btndesign1" target="_blank">Watch Talk Here</a>
</div>
</div>
</div>
</section>
<!--Footer Section-->
<div data-inlcude="footer.html"></div>
<script src="loadheaderfooter.js"></script>

</body>
</html>
Loading

0 comments on commit 73da654

Please sign in to comment.