🔍 Keep media pages (f5d4d14)

This commit is contained in:
Yann Bertrand 2023-08-17 17:05:35 +02:00
parent 1ea6507b5f
commit 3d61949dc8
2 changed files with 73 additions and 0 deletions

28
media/media-1x1.html Normal file
View file

@ -0,0 +1,28 @@
<article>
<header>
<img src="../docs/.vuepress/public/logo.svg" width="820" height="770" />
</header>
</article>
<style>
body {
width: 1600px;
}
article {
background: url('./macos-13.jpg') 1568px 1508px;
background-size: cover;
width: 1568px;
height: 1508px;
display: flex;
justify-content: center;
align-items: center;
}
article header {
background: #ffffff;
width: 820px;
height: 770px;
border-radius: 50px;
}
</style>

45
media/media-2x1.html Normal file
View file

@ -0,0 +1,45 @@
<article>
<header>
<img src="../docs/.vuepress/public/logo.svg" width="140" height="140" />
<h1>macOS <code>defaults</code> list</h1>
</header>
</article>
<style>
body {
width: 1500px;
}
article {
background: url('./macos-13.jpg');
background-size: cover;
width: 1437px;
height: 719px;
display: flex;
justify-content: center;
align-items: center;
}
article header {
background: #ffffffdd;
width: 1100px;
height: 200px;
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
gap: 40px;
}
article header h1 {
font-family: -apple-system-headline, BlinkMacSystemFont, sans-serif;
font-size: 5rem;
color: #1d1d1f;
}
article header h1 code {
background: #cccccc;
border-radius: 15px;
padding: 0 1rem;
}
</style>