-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdetail.html
179 lines (174 loc) · 8.13 KB
/
detail.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Architecture Antipatterns</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/styles/index.css" media="all" />
<script src="/scripts/nav.js" type="module"></script>
</head>
<body>
<a href="#main" class="skip-link">Zum Inhalt springen</a>
<nav class="main-navigation" role="navigation">
<a href="#" class="brand-link">
<img src="lib/img/aa-logo.svg" alt="Architecture Antipatterns Logo" class="brand-logo" />
<span class="link-alt">Architecture Antipatterns Website</span>
</a>
<menu-toggle hidden>
<button>Menü</button>
</menu-toggle>
<ul class="navigation-links" role="list" aria-label="Seitennavigation">
<li>
<sub-menu>
<details>
<summary>
Antipatterns
</summary>
<ul role="list" aria-label="Antipatterns Untermenü">
<li> <a href="#">Overengineering</a></li>
<li> <a href="#">Emotional Misattachement</a></li>
<li> <a href="#">Cargo Culting</a></li>
<li> <a href="#">Domain Allergy</a></li>
</ul>
</details>
</sub-menu>
</li>
<li>
<sub-menu>
<details>
<summary>
Antipatterns
</summary>
<ul role="list" aria-label="Antipatterns Untermenü">
<li> <a href="#">Overengineering</a></li>
<li> <a href="#">Emotional Misattachement</a></li>
<li> <a href="#">Cargo Culting</a></li>
<li> <a href="#">Domain Allergy</a></li>
</ul>
</details>
</sub-menu>
</li>
</ul>
</nav>
<main id="main" class="detail-page">
<h1>Heading H1</h1>
<p>Hardwired professional deficiency BAMA quicksilver sanpaku cutting-edge cryptic dub aimi lorem gibson.</p>
<h2>Heading H2</h2>
<p>Hardwired professional deficiency BAMA quicksilver sanpaku cutting-edge cryptic dub aimi lorem gibson.</p>
<h3>Heading H3</h3>
<p>Hardwired professional deficiency BAMA quicksilver sanpaku cutting-edge cryptic dub aimi lorem gibson.</p>
<h4>Heading H4</h4>
<p>Hardwired professional deficiency BAMA quicksilver sanpaku cutting-edge cryptic dub aimi lorem gibson.</p>
<h5>Heading H5</h5>
<p>Hardwired professional deficiency BAMA quicksilver sanpaku cutting-edge cryptic dub aimi lorem gibson.</p>
<h6>Heading H6</h6>
<p>Hardwired professional deficiency BAMA quicksilver sanpaku cutting-edge cryptic dub aimi lorem gibson.</p>
<p>Hardwired professional deficiency BAMA quicksilver sanpaku cutting-edge cryptic dub aimi lorem gibson.</p>
<p><b>Hardwired professional deficiency BAMA quicksilver sanpaku cutting-edge cryptic dub aimi lorem gibson.</b></p>
<p><i>Hardwired professional deficiency BAMA quicksilver sanpaku cutting-edge cryptic dub aimi lorem gibson.</i></p>
<p>Dies ist <a href="#">ein klassischer Textlink</a></p>
<blockquote>
<p> Prosciutto filet mignon kevin, jerky tri-tip capicola chicken. Pancetta corned beef picanha turducken landjaeger
pork chop turkey leberkas flank porchetta. Ground round sausage alcatra kevin. Fatback landjaeger tenderloin prosciutto.
Andouille venison ball tip tenderloin, pancetta landjaeger ham. Picanha chuck flank doner pork loin chicken.</p>
<cite> Heribert Harms</cite>
</blockquote>
<table class="table">
<caption>Impressive caption</caption>
<thead>
<tr>
<th>Table Heading 1</th>
<th>Table Heading 2</th>
<th>Table Heading 3</th>
<th>Table Heading 4</th>
<th>Table Heading 5</th>
</tr>
</thead>
<tbody>
<tr>
<td>Bold Table Cell 1</td>
<td>Table Cell 2</td>
<td>Table Cell 3</td>
<td>Table Cell 4</td>
<td>Table Cell 5</td>
</tr>
<tr>
<td>Table Cell 1</td>
<td>Table Cell 2</td>
<td>Table Cell 3</td>
<td>Table Cell 4</td>
<td>Table Cell 5</td>
</tr>
<tr>
<td>Table Cell 1</td>
<td>Table Cell 2</td>
<td>Table Cell 3</td>
<td>Table Cell 4</td>
<td>Table Cell 5</td>
</tr>
<tr>
<td>Table Cell 1</td>
<td>Table Cell 2</td>
<td>Table Cell 3</td>
<td>Table Cell 4</td>
<td>Table Cell 5</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>Table Footer 1</th>
<th>Table Footer 2</th>
<th>Table Footer 3</th>
<th>Table Footer 4</th>
<th>Table Footer 5</th>
</tr>
</tfoot>
</table>
<figure>
<pre><code>pick(:love) do |something|
n.times do
result = play(something)
result.publish
end
end
</code></pre>
<figcaption>Code mit Figaption</figcaption>
</figure>
<ol>
<li>ordered list item</li>
<li>ordered list item</li>
<li>ordered list item</li>
</ol>
<ul>
<li> List item mit list
<ul>
<li> Nested unordered list item</li>
<li> Nested unordered list item</li>
<li> Nested unordered list item</li>
</ul>
</li>
<li>List item</li>
<li> list item</li>
</ul>
<figure>
<img src="lib/img/innoq-doku-ben.jpg" alt="Lorem Ipsum Lorem Ipsum" />
<figcaption>img mit Figaption</figcaption>
</figure>
</main>
<a class="button" href="#">ein Button</a>
<footer class="footer footer--purple">
<div class="footer__wrapper">
<p class="footer__subtitle"> The content of this site was created by Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem
Ipsum
Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum
Lorem Ipsum Lorem Ipsum Lorem Ipsum
Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum </p>
<p class="footer__subtitle"> Made and maintained by </p>
<a href="https://www.innoq.com">
<img class="footer__logo" src="lib/img/innoq-logo--white.svg" alt="INNOQ Logo" />
</a>
<a class="footer__textlink" href="https://www.innoq.com/en/datenschutz"> Privacy Policy </a>
</div>
</footer>
</body>
</html>