Commit dc043fc2 authored by Axel Dürkop's avatar Axel Dürkop
Browse files

Updates

parent 3e308ae3
......@@ -19,7 +19,7 @@
<div class="trigger">
<a class="page-link" href="#start">Das Projekt</a>
<a class="page-link" href="#course">Lernangebote</a>
<a class="page-link" href="#about">Menschen</a>
<a class="page-link" href="#team">Team</a>
<a class="page-link" href="#downloads">Lernmaterial</a>
</div>
</nav>
......
......@@ -113,7 +113,8 @@ layout: default
<h3 id="textvertiefung">Textvertiefung</h3>
<p>Begleitend werden während des Semesters Texte online zur Verfügung gestellt, die in einer für die
Veranstaltung
eingerichteten Gruppe mit dem Tool <em>Hypothesis</em> annotiert und diskutiert werden können. Allen
eingerichteten Gruppe mit dem Tool <a target="_blank" href="https://web.hypothes.is/"><em>Hypothesis</em></a>
annotiert und diskutiert werden können. Allen
Interessierten
kann ein Zugang zu dieser Gruppe gewährt werden; eine Beteiligung an den Diskussionen und Annotationen ist
ausdrücklich gewünscht. Da es sich aber um keine offene Gruppe handelt, bitten wir um Anmeldung per Email an
......@@ -210,44 +211,74 @@ layout: default
</article>
<article id="about">
<h1>Menschen</h1>
<p>Das <em>tekethics</em>-Team erstellt und kuratiert offenes Bildungsmaterial zu aktuellen technischen Themen und unterstützt mediendidaktisch die kritisch-konstruktive Auseinandersetzung damit.</p>
<article id="team">
<h1>Team</h1>
<p>Das <em>tekethics</em>-Team erstellt und kuratiert offenes Bildungsmaterial zu aktuellen technischen Themen und
unterstützt mediendidaktisch die kritisch-konstruktive Auseinandersetzung mit ethischen Fragestellungen unserer
Zeit.</p>
<div class="bio-container">
<div class="member">
<figure>
<img src="assets/images/axel.jpg" alt="Axel Dürkop" />
<figcaption>Axel Dürkop</figcaption>
</figure>
<h2>Academic Supervision:</h2>
<div id="f1_container">
<div id="f1_card">
<div class="front face">
<img src="assets/images/mirko.png" alt="Mirko Daniel Garasic" />
</div>
<div class="back face center">
<h5>Dr. Mirko Daniel Garasic</h5>
</div>
<p class="bio">
Axel Dürkop studierte Philosophie an der Universität Hamburg. Als wiss. Berater und Entwickler für das
digitale Experimentierfeld der HOOU an der TU Hamburg gehört es zu seinen Aufgaben, aktuelle Technologien in
technischer, sozialer und ethischer Hinsicht zu analysieren. Axel forscht zum Thema Offenheit und entwickelt
offene sozio-technische Systeme für Forschung und Lehre.
</p>
</div>
</div>
<p>Hello everybody,<br><br> My name is Mirko Daniel Garasic and I’m a Visiting Professor in Neuroethics at IMT
School for Advanced Studies, Lucca, a Research Scholar at the UNESCO Chair in Bioethics and Human Rights in Rome
and Adjunct Lecturer in Bioethics at LUISS University, Rome.<br><br></p>
<div id="f1_container">
<div id="f1_card">
<div class="front face">
<img src="assets/images/steffen.jpg" alt="Dr. Steffen Steinert" />
<div class="bio-container">
<div class="member">
<figure>
<img src="assets/images/mirko.png" alt="Mirko Daniel Garasic (PhD)" />
<figcaption>Mirko Daniel Garasic, PhD</figcaption>
</figure>
<p class="bio">Mirko Daniel Garasic (PhD) ist Visiting Professor in Neuroethics an der IMT School for Advanced
Studies, Lucca. Zudem ist er Gastforscher am UNESCO Chair in Bioethics and Human Rights in Rom
sowie Adjunct Lecturer in Bioethics an der LUISS Universität in Rom. Mirko ist einer der Autoren des
<em>tekethics</em>-Booklets.</p>
</div>
<div class="back face center">
<h5>Dr. Steffen Steinert</h5>
</div>
<div class="bio-container">
<div class="member">
<figure>
<img src="assets/images/steffen.jpg" alt="Dr. Steffen Steinert" />
<figcaption>Dr. Steffen Steinert</figcaption>
</figure>
<p class="bio">
Steffen studierte Philosophie an der technischen Universität Dresden und an der New School for Social
Research, New York. Er promovierte an der Graduate School of Systemic Neurosciences der Universität München.
Bevor er der Sektion "Ethics and Philosophy of Technology" an der TU Delft beitrat, erforschte Steffen in
einem Projekt ethische, soziale und rechtliche Implikationen von Computer-Hirn-Schnittstellen. Steffen ist
einer der Autoren des <em>tekethics</em>-Booklets.</p>
</div>
</div>
<p class="also-team">
<em>Projektleitung:</em> <strong>Axel Dürkop, Dr. Tina Ladwig</strong>
<p>Hello everybody,<br><br> my name is Steffen Steinert, I studied Philosophy at the Technical University of
Dresden (Germany), and the New School for Social Research, New York (USA). I obtained my Ph.D. at the Graduate
School of Systemic Neurosciences, University of Munich. Before joining the Ethics and Philosophy of Technology
section at TU Delft, I was a researcher in a project that explores the ethical, social and legal implications of
brain-computer interfaces.</p>
<em>Websitedesign:</em>
<strong>Michael Heinemann & Johanna Mörke</strong>
<em>Wiss. Beratung und techn. Konzept:</em>
<strong>Axel Dürkop & Ann-Kathrin Watolla</strong>
<em>Medienproduktion:</em>
<strong>Stephan Dublasky</strong>
</p>
</article>
<hr>
......@@ -287,11 +318,4 @@ layout: default
</article>
<p>
<span class="note">Projektleitung: <span class="bold">Axel Dürkop, Dr. Tina Ladwig</span></span><br>
<span class="note">Websitedesign: <span class="bold">Michael Heinemann & Johanna Mörke</span></span><br>
<span class="note">Wiss. Beratung und techn. Konzept: <span class="bold">Axel Dürkop & Ann-Kathrin
Watolla</span></span><br>
<span class="note">Medienproduktion: <span class="bold">Stephan Dublasky</span></span>
</p>
</section>
\ No newline at end of file
@charset "utf-8";
// Define defaults for each variable.
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i');
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i");
$base-font-family: "Open Sans", Arial, sans-serif !default;
$base-font-size: 16px !default;
$base-font-weight: 400 !default;
$small-font-size: $base-font-size * 0.840 !default;
$small-font-size: $base-font-size * 0.84 !default;
$base-line-height: 1.5 !default;
$spacing-unit: 30px !default;
......@@ -50,11 +50,5 @@ $on-laptop: 1050px !default;
}
// Import partials.
@import
"partials/base",
"partials/layout",
"partials/timeline",
"partials/flipCard",
"partials/stoerer",
"partials/events"
;
@import "partials/base", "partials/layout", "partials/timeline",
"partials/stoerer", "partials/team", "partials/events";
......@@ -44,7 +44,7 @@
th {
padding-bottom: 10px;
color: #b47e33;
color: #003756;
&:nth-child(1) {
width: 28%;
......
......@@ -599,6 +599,6 @@ footer{
margin: 1rem 0;
}
#start, #course, #about, #download {
margin-bottom: 40px;
#start, #course, #team, #download {
margin-bottom: 80px;
}
\ No newline at end of file
.bio-container {
.member {
display: flex;
align-items: center;
margin: 40px 0;
figure {
display: block;
width: 25%;
margin-right: 40px;
img {
width: 200px;
border-radius: 50%;
}
figcaption {
margin-top: 10px;
font-size: 12px;
color: #999;
text-align: center;
}
}
.bio {
width: 75%;
padding-bottom: 40px;
}
}
}
.also-team {
font-size: 12px;
strong {
margin-right: 6px;
font-size: 11px;
}
}
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment