Skip to content

Commit ea0c950

Browse files
strittistritti
committed
fix: mobile layout corrected
1 parent 1f7e3aa commit ea0c950

File tree

2 files changed

+36
-54
lines changed

2 files changed

+36
-54
lines changed

‎src/app/features/about-us/about-us.component.html

Lines changed: 36 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -1,54 +1,54 @@
1-
<div class = "left" >
2-
<h1>Über die Sytivities-App</h1>
3-
<br>
4-
<img style="float:left;margin-right: 15px;" src="/images/logo.png"
1+
<h1 class="h1 mt-3">Über die Sytivities-App</h1>
2+
3+
<img class="img-thumbnail mr-3" style="float:left;" src="/images/logo.png"
54
alt="Logo"
65
width="20%"
76
eight="auto">
87

9-
8+
<p>
109
In der Sytivities-App findest du viele verschiedene Freizeitaktivitäten in deiner Umgebung. Die dazugehörigen wichtigen Details wie zum Beispiel Altersempfehlungen,
1110
findest du bei dem jeweiligen Vorschlag. Außerdem kann sie basierend auf deinen Interessen personalisierte
1211
Voschläge geben. Eine Kartefunktion in der App zeigt dir auch, wo die Aktivitäten stattfinden, sodass du leicht dorthin navigieren kannst. Diese App ist ideal,
1312
um immer wieder neue spannende Ideen zu finden und deine Freizeit optimal zu gestalten.
14-
<br>
15-
<br>
13+
</p>
14+
<p>
1615
Technisch wurde das Projekt initial im Sybit Coding Camp 2024 entwickelt und vorgestellt. Danach haben die Auszubildenden der Firma Sybit
1716
die technische Wartung und Erweiterung der App übernommen.
18-
<br>
19-
<br>
20-
<br>
21-
<h2>Sybit Coding-Camp</h2>
22-
Das Sybit Coding-Camp findet jährlich statt und bietet Jugendlichen die Chance, einen Einblick in den Beruf von Softwareentwicklerinnen und Softwareentwicklern, sowie die Ausbildung als Fachinformatiker:in (Anwendungsentwicklung) zu erhalten.
17+
</p>
18+
19+
<h2 class="h2 mt-3">Sybit Coding-Camp</h2>
20+
<p>
21+
Das Sybit Coding-Camp findet jährlich statt und bietet Jugendlichen die Chance, einen Einblick in den Beruf von Softwareentwicklerinnen und Softwareentwicklern, sowie die Ausbildung als Fachinformatiker:in (Anwendungsentwicklung) zu erhalten.
2322
Die Auszubildenden des Unternehmens bereiten hierfür im Vorfeld ein Projekt vor und coachen die Jugendlichen während des Coding-Camps.
23+
</p>
2424

25-
<br>
26-
<br>
27-
<br>
28-
<h2>Das haben wir während des Coding-Camps gemacht</h2>
29-
Während des Coding-Camps haben wir die App Sytivities gecodet. Wir sind insgesamt elf Schüler*innen und sechs Auszubildende gewesen.
25+
26+
<h2 class="h2 mt-3">Das haben wir während des Coding-Camps gemacht</h2>
27+
<p>
28+
Während des Coding-Camps haben wir die App Sytivities gecodet. Wir sind insgesamt elf Schüler*innen und sechs Auszubildende gewesen.
3029
Die Auszubildenden haben uns vieles über das Programmieren mit HTML und CSS beigebracht und wie diese in Firmen wie Sybit benutzt werden.
3130
Gegen Ende unserer Vorbereitung haben wir fünf Personas erstellt und jeweils User Storys
3231
für diese erstellt. Um die zuvor besprochenen Aufgaben zu bearbeiten, haben wir uns in mehrere Gruppen aufgeteilt.
33-
<br>
34-
<br>
35-
<br>
36-
<h2>Unser Coding-Team</h2>
37-
<img style="float:center; margin-top: 15px;" src="/images/Gruppenbild.JPG"
38-
alt="Gruppenbild"
39-
width="70%"
40-
eight="auto">
41-
<p>Während ihrer Arbeit beim Coding-Camp - (v.l.n.r): Jimmy Bergstaedt, Alexander Kugler, Felix Klein, Felix Luckow,
42-
Constatin von Fragstein, Jonas Nebel,
43-
<br>
32+
</p>
33+
34+
<h2 class="h2 mt-3">Unser Coding-Team</h2>
35+
36+
<img class="img-fluid" src="/images/Gruppenbild.JPG" alt="Gruppenbild Sybit Coding camp 2024" >
37+
38+
<p><small>
39+
Während ihrer Arbeit beim Coding-Camp - (v.l.n.r): Jimmy Bergstaedt, Alexander Kugler, Felix Klein, Felix Luckow,
40+
Constatin von Fragstein, Jonas Nebel,
4441
Max Aichelmann, Raphael Schuller, Maksym Kuzmenko, Domenik Smyczkowski, Lotte Veit, Louis Knauss, Lena Schirmer, Thiara Adrian, Isabell Perz,
45-
<br>Fiona Krause und der Projekt-Leiter: Stephan Strittmatter</p>
42+
Fiona Krause und der Projekt-Leiter: Stephan Strittmatter
43+
<br>(nicht auf dem Bild: André Sommer)
44+
</small>
45+
</p>
4646

4747
<br>
48-
<br>
49-
Die Sytivities-App ist eine Open-Source Software. Der <a href="https://github.com/Sybit-Education/Coding-Camp-2024"><u>Quellcode</u></a>
50-
ist somit öffentlich verfügbar und kann frei genutzt, vervielfältigt und verändert werden.
51-
<br>
52-
<br>
53-
Es gelten die Bedingungen der <a href="https://github.com/Sybit-Education/Coding-Camp-2024?tab=MIT-1-ov-file#readme"><u>MIT-Lizenz</u>.</a>
54-
</div>
48+
<p>
49+
Die Sytivities-App ist eine Open-Source Software. Der <a href="https://github.com/Sybit-Education/Coding-Camp-2024"><u>Quellcode</u></a>
50+
ist somit öffentlich verfügbar und kann frei genutzt, vervielfältigt und verändert werden.
51+
</p>
52+
<p>
53+
Es gelten die Bedingungen der <a href="https://github.com/Sybit-Education/Coding-Camp-2024?tab=MIT-1-ov-file#readme"><u>MIT-Lizenz</u>.</a>
54+
</p>

‎src/app/features/about-us/about-us.component.scss

Lines changed: 0 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1 @@
1-
h1{
2-
text-align: left;
3-
font-size: 47px;
4-
font-weight: 600;
5-
margin-top: 15px;
6-
}
7-
8-
.left {margin-left: 150px;
9-
margin-right: 150px;
10-
font-size: larger;
11-
margin-bottom: 15px;}
12-
13-
h2 {text-align: left;
14-
font-size: 35px;
15-
font-weight: 600;}
16-
171
a {color: #6bc4f6;}
18-
19-
p {font-size: 13px;}

0 commit comments

Comments
 (0)