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