Skip to content

Commit f4b06bc

Browse files
hyphapre-commit-ci[bot]egeakmanhugovk
authored
Add test page (#1024)
addresses #1001 --------- Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com> Co-authored-by: Ege Akman <me@egeakman.dev> Co-authored-by: Hugo van Kemenade <1324225+hugovk@users.noreply.github.com>
1 parent e8d7977 commit f4b06bc

File tree

1 file changed

+272
-0
lines changed

1 file changed

+272
-0
lines changed

‎src/content/pages/test.mdx

Lines changed: 272 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,272 @@
1+
---
2+
title: Kitchen Sink
3+
subtitle: this is a non-exhaustive page to demonstrate the use of some components and styling. It is recommended that when new components are introduced, how they are used gets added to the test page.
4+
---
5+
6+
import { Image } from 'astro:assets';
7+
import pragueImage from './images/prague.jpg';
8+
9+
<head>
10+
<meta name="robots" content="noindex, nofollow" />
11+
</head>
12+
13+
# h1 Heading
14+
<h1>HTML h1 heading</h1>
15+
16+
## h2 Heading
17+
<h2>HTML h2 heading</h2>
18+
19+
### h3 Heading
20+
<h3>HTML h3 heading</h3>
21+
22+
#### h4 Heading
23+
<h4>HTML h4 heading</h4>
24+
25+
##### h5 Heading
26+
<h5>HTML h5 heading</h5>
27+
28+
###### h6 Heading
29+
<h6>HTML h6 heading</h6>
30+
31+
## Horizontal Rules
32+
---
33+
***
34+
___
35+
36+
## Typographic Replacements
37+
(c) (C) (r) (R) (tm) (TM) (p) (P) +-
38+
39+
test.. test... test..... test?..... test!....
40+
41+
!!!!!! ???? ,, -- ---
42+
43+
"Smartypants, double quotes" and 'single quotes'
44+
45+
## Emphasis
46+
**This is bold text**
47+
48+
_This is italic text_
49+
50+
<u>This is underlined text</u>
51+
52+
~~Strikethrough~~
53+
54+
<span class="text-2xl font-bold text-center block">The text becomes bigger and centred for immediate attention.</span>
55+
56+
### Note
57+
<Note> You could also use the Note component to call for attention. </Note>
58+
59+
60+
## Blockquotes
61+
> Blockquotes can also be nested...
62+
>
63+
> > ...by using additional greater-than signs right next to each other...
64+
> >
65+
> > > ...or with spaces between arrows.
66+
67+
## Lists
68+
69+
### Unordered
70+
- Create a list by starting a line with `+`, `-`, or `*`
71+
- Sub-lists are made by indenting 2 spaces:
72+
- Marker character change forces new list start:
73+
+ Ac tristique libero volutpat at
74+
* Facilisis in pretium nisl aliquet
75+
- Nulla volutpat aliquam velit
76+
- Very easy!
77+
78+
### Ordered
79+
1. Cocker Spaniels
80+
2. Greyhounds
81+
3. Cairn Terriers
82+
4. You can use sequential numbers...
83+
5. ...or keep all the numbers as `1.`
84+
85+
Start numbering with offset:
86+
57. Westies
87+
1. Scotties
88+
89+
### Task Lists
90+
- [x] Adopt a dog
91+
- [ ] Walk the dog
92+
- [ ] Achieve happiness
93+
94+
95+
## Code
96+
97+
### Inline code
98+
Inline `code` doesn't currently work as intended.
99+
100+
### Block code
101+
102+
```
103+
Sample text here...
104+
```
105+
106+
Syntax highlighting
107+
108+
```python
109+
def bark():
110+
return "Woof!"
111+
112+
def main():
113+
print("What does the dogs say?")
114+
print("Dogs: ", bark())
115+
116+
main()
117+
118+
```
119+
120+
## Subscript / Superscript
121+
122+
- 19<sup>th</sup>
123+
- H<sub>2</sub>O
124+
125+
## Keyboard
126+
<kbd>CTRL</kbd> + <kbd>ALT</kbd> + <kbd>Delete</kbd>
127+
128+
## Abbreviate
129+
<abbr title="Graphics Interchange Format">GIF</abbr>
130+
131+
## Highlight
132+
All your <mark>dogs</mark> are belong to us!
133+
134+
## Footnotes
135+
136+
Footnote 1 link[^first].
137+
138+
Footnote 2 link[^second].
139+
140+
Duplicated footnote reference[^second].
141+
142+
[^first]: Footnote **can have markup**
143+
144+
and multiple paragraphs.
145+
146+
[^second]: Footnote text.
147+
148+
## Tables
149+
150+
{/*Simple tables*/}
151+
152+
153+
Centre aligned columns
154+
| Info | Description |
155+
| :-------: | :---------------:|
156+
| Breed | Cocker Spaniels |
157+
| Size | medium |
158+
| Character | velco |
159+
160+
Right aligned columns
161+
162+
| Info | Description |
163+
| --------: | --------------------: |
164+
| Breed | Beagles |
165+
| Size | medium |
166+
| Character | hunger strikes always |
167+
168+
Left aligned columns
169+
170+
| Info | Description |
171+
| :-------- | :-------------------: |
172+
| Breed | Deerhounds |
173+
| Size | Large |
174+
| Character | gentle giant |
175+
176+
{/*Tables with more styling options*/}
177+
178+
<table class="w-full border-2 border-black border-separate mb-5">
179+
<thead class="bg-gray-200">
180+
<tr>
181+
<th class="border-2 border-black p-3 text-left">Breed</th>
182+
<th class="border-2 border-black p-3 text-center">Description</th>
183+
</tr>
184+
</thead>
185+
<tbody>
186+
<tr>
187+
<td class="border-2 p-3 text-center">Cocker Spaniel</td>
188+
<td class="border-2 p-3">Loves cuddles, snacks, and shedding</td>
189+
</tr>
190+
<tr>
191+
<td class="border-2 border-dashed border-blue-500 p-1 text-right">Beagle</td>
192+
<td class="border-2 border-dashed border-blue-500 p-1 text-right">Expert in food, and not anything else</td>
193+
</tr>
194+
</tbody>
195+
</table>
196+
197+
198+
<table class="w-full border-2 border-black border-collapse mb-5">
199+
<thead class="bg-gray-200">
200+
<tr>
201+
<th class="border-2 border-black p-3 text-left">Breed</th>
202+
<th class="border-2 border-black p-3 text-center">Description</th>
203+
</tr>
204+
</thead>
205+
<tbody>
206+
207+
<tr>
208+
<td class="p-3 text-left">Deerhound</td>
209+
<td class="p-3">while not zoomies: a couch potato</td>
210+
</tr>
211+
<tr>
212+
<td class="border-2 p-3 text-center">Golden Retriever</td>
213+
<td class="border-2">Fluffball of joy and fluff</td>
214+
</tr>
215+
<tr>
216+
<td class="border-2 border-dotted p-3 text-left">French Bulldog</td>
217+
<td class="border-2 border-dotted p-3">Snorts, snores, and snores</td>
218+
</tr>
219+
</tbody>
220+
</table>
221+
222+
## Links
223+
224+
[link text](https://random.dog/)
225+
226+
## Email
227+
228+
Auto converted mailto: info@europython.eu
229+
230+
## Comments
231+
You will not see the following because they are in comments:
232+
{/*
233+
234+
Barking up the right tree
235+
*/}
236+
237+
## Images
238+
239+
<a href="https://www.europython-society.org/" target="_blank">
240+
This image is public, stored in /public, so no import is needed
241+
<img src="/img/eps-logo.png" alt="Logo of the EuroPython Society" width="400"/>
242+
</a>
243+
244+
<a href="/where" target="_blank">
245+
This image is internal, in /src, so import is needed
246+
<Image src={pragueImage} alt="A bird sitting on a nest of eggs." width="400" class="h-auto border-4 border-white rounded-lg shadow-lg"/>
247+
</a>
248+
249+
## Caption
250+
251+
<Image
252+
src="https://live.staticflickr.com/65535/53140703878_8d29805478_h.jpg"
253+
alt="lalo, remote image"
254+
width="400"
255+
height="400"
256+
/>
257+
<figcaption>Hear from our CHO at EuroPython 2023</figcaption>
258+
259+
## ButtonLinks
260+
<div class="text-center mb-10">
261+
<ButtonLink url="https://forms.gle/4GTJjwZ1nHBGetM18">JOIN THE REVIEWER TEAM!</ButtonLink>
262+
</div>
263+
264+
<div class="text-center mt-10">
265+
266+
<ButtonLink disabled>Signup closed, no URL present</ButtonLink>
267+
</div>
268+
269+
<ButtonLink url="https://voting.europython.eu" className="flex justify-center mt-10 mb-10">Go to the community voting</ButtonLink>
270+
271+
## YouTube
272+
<YouTube id="j5a0jTc9S10" alt="Mood lifter" />

0 commit comments

Comments
 (0)