Skip to content

Commit ed474e8

Browse files
committed
🔍 Keep media pages (f5d4d14)
1 parent c11ae52 commit ed474e8

File tree

2 files changed

+73
-0
lines changed

2 files changed

+73
-0
lines changed

media/media-1x1.html

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<article>
2+
<header>
3+
<img src="../docs/.vuepress/public/logo.svg" width="820" height="770" />
4+
</header>
5+
</article>
6+
7+
<style>
8+
body {
9+
width: 1600px;
10+
}
11+
12+
article {
13+
background: url('./macos-13.jpg') 1568px 1508px;
14+
background-size: cover;
15+
width: 1568px;
16+
height: 1508px;
17+
display: flex;
18+
justify-content: center;
19+
align-items: center;
20+
}
21+
22+
article header {
23+
background: #ffffff;
24+
width: 820px;
25+
height: 770px;
26+
border-radius: 50px;
27+
}
28+
</style>

media/media-2x1.html

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
<article>
2+
<header>
3+
<img src="../docs/.vuepress/public/logo.svg" width="140" height="140" />
4+
<h1>macOS <code>defaults</code> list</h1>
5+
</header>
6+
</article>
7+
8+
<style>
9+
body {
10+
width: 1500px;
11+
}
12+
13+
article {
14+
background: url('./macos-13.jpg');
15+
background-size: cover;
16+
width: 1437px;
17+
height: 719px;
18+
display: flex;
19+
justify-content: center;
20+
align-items: center;
21+
}
22+
23+
article header {
24+
background: #ffffffdd;
25+
width: 1100px;
26+
height: 200px;
27+
border-radius: 50px;
28+
display: flex;
29+
justify-content: center;
30+
align-items: center;
31+
gap: 40px;
32+
}
33+
34+
article header h1 {
35+
font-family: -apple-system-headline, BlinkMacSystemFont, sans-serif;
36+
font-size: 5rem;
37+
color: #1d1d1f;
38+
}
39+
40+
article header h1 code {
41+
background: #cccccc;
42+
border-radius: 15px;
43+
padding: 0 1rem;
44+
}
45+
</style>

0 commit comments

Comments
 (0)