Sources ring layout

This commit is contained in:
Settel 2021-08-15 22:19:11 +02:00
parent b298a9946e
commit df78dafd85
2 changed files with 41 additions and 6 deletions

View File

@ -48,15 +48,46 @@ export default {
background-color: #ffffff; background-color: #ffffff;
} }
&__container-2,
&__container-3 {
.sources__source-0 { left: 10%; top: 10%; }
.sources__source-1 { left: 90%; top: 10%; }
.sources__source-2 { left: 50%; top: 100%; }
}
&__container-4, &__container-4,
&__container-5, &__container-5,
&__container-6 { &__container-6 {
.sources__source-0 { top: 20%; left: 100%; } .sources__source-0 { left: 100%; top: 20%; }
.sources__source-1 { top: 80%; left: 100%; } .sources__source-1 { left: 100%; top: 80%; }
.sources__source-2 { top: 80%; left: 0; } .sources__source-2 { left: 0; top: 80%; }
.sources__source-3 { top: 20%; left: 0; } .sources__source-3 { left: 0; top: 20%; }
.sources__source-4 { top: 0; left: 50%; } .sources__source-4 { left: 50%; top: 0; }
.sources__source-5 { top: 100%; left: 50%; } .sources__source-5 { left: 50%; top: 100%; }
}
&__container-7,
&__container-9 {
.sources__source-0 { left: 95%; top: 20%; }
.sources__source-1 { left: 95%; top: 80%; }
.sources__source-2 { left: 5%; top: 80%; }
.sources__source-3 { left: 5%; top: 20%; }
.sources__source-4 { left: 50%; top: 0; }
.sources__source-5 { left: 30%; top: 100%; }
.sources__source-6 { left: 70%; top: 100%; }
.sources__source-7 { left: 0%; top: 50%; }
.sources__source-8 { left: 100%; top: 50%; }
}
&__container-8,
&__container-10 {
.sources__source-0 { left: 95%; top: 20%; }
.sources__source-1 { left: 95%; top: 80%; }
.sources__source-2 { left: 5%; top: 80%; }
.sources__source-3 { left: 5%; top: 20%; }
.sources__source-4 { left: 30%; top: 0; }
.sources__source-5 { left: 70%; top: 0; }
.sources__source-6 { left: 30%; top: 100%; }
.sources__source-7 { left: 70%; top: 100%; }
.sources__source-8 { left: 0%; top: 50%; }
.sources__source-9 { left: 100%; top: 50%; }
} }
} }
</style> </style>

View File

@ -33,5 +33,9 @@ func (gm *Game) selectQuote() {
"Thomas Alva Edison", "Thomas Alva Edison",
"Konfuzius", "Konfuzius",
"George W. Bush jun.", "George W. Bush jun.",
// "Plato",
// "Chrisoph Kolumbus",
// "Neil Armstrong",
"Max Planck",
} }
} }