pub-solar/pub.solar
5
2
Fork 2
Code Issues Pull requests Packages Projects Releases Wiki Activity

mobile is fucked

Browse source
This commit is contained in:
Benjamin Bädorf 2021-05-30 17:36:37 +02:00
parent 2b838bbeae
commit dd11286938
No known key found for this signature in database
GPG key ID: 4406E80E13CD656C
1 changed files with 24 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
index.html
View file

@ -49,7 +49,7 @@
--background: #fff;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 300;
font-weight: 900;
background: var(--background);
color: var(--foreground);
-ms-text-size-adjust: 100%;
@ -80,7 +80,7 @@
.ps-main--background {
position: fixed;
height: 100vw;
height: 100vh;
width: 100vw;
overflow: hidden;
}
@ -95,8 +95,15 @@
display: flex;
flex-direction: column;
align-items: center;
transform: rotate(-65deg);
width: 100%;
transform: rotate(-25deg);
}
@media screen and (orientation: landscape) {
.ps-background--logo {
transform: rotate(-65deg);
}
}
.ps-page--link {
@ -120,14 +127,21 @@
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
speak: none;
}
.ps-background--logo {
width: calc(100vw / 16);
width: calc(100vw / 9);
// height: 4rem;
margin: 0.1rem;
}
@media screen and (orientation: landscape) {
.ps-background--logo {
width: calc(100vw / 16);
}
}
.ps-background--1312 {
transform: rotate(34deg);
transform-origin: center center;
@ -674,12 +688,12 @@
</div>
</div>
<main class="ps-main--page ps-page">
<a href="https://en.wikipedia.org/wiki/Free_software" class="ps-page--link">Fucking Free</a>
<a href="https://get.pub.solar/" class="ps-page--link">PubSolarOS</a>
<a href="https://element.pub.solar/" class="ps-page--link">Matrix</a>
<a href="https://mastodon.pub.solar/" class="ps-page--link">Mastodon</a>
<a href="https://matrix.to/#/@teutat3s:pub.solar" class="ps-page--link">@teutat3s</a>
<a href="https://b12f.io/" class="ps-page--link">@b12f</a>
<a href="https://en.wikipedia.org/wiki/Free_software" target="_blank" class="ps-page--link">Fucking Free</a>
<a href="https://get.pub.solar/" target="_blank" class="ps-page--link">PubSolarOS</a>
<a href="https://element.pub.solar/" target="_blank" class="ps-page--link">Matrix</a>
<a href="https://mastodon.pub.solar/" target="_blank" class="ps-page--link">Mastodon</a>
<a href="https://matrix.to/#/@teutat3s:pub.solar" target="_blank" class="ps-page--link">@teutat3s</a>
<a href="https://matrix.to/#/@b12f:pub.solar/" target="_blank" class="ps-page--link">@b12f</a>
</main>
</div>
<script>