Sources ring layout
This commit is contained in:
parent
b298a9946e
commit
df78dafd85
@ -48,15 +48,46 @@ export default {
|
||||
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-5,
|
||||
&__container-6 {
|
||||
.sources__source-0 { top: 20%; left: 100%; }
|
||||
.sources__source-1 { top: 80%; left: 100%; }
|
||||
.sources__source-2 { top: 80%; left: 0; }
|
||||
.sources__source-3 { top: 20%; left: 0; }
|
||||
.sources__source-4 { top: 0; left: 50%; }
|
||||
.sources__source-5 { top: 100%; left: 50%; }
|
||||
.sources__source-0 { left: 100%; top: 20%; }
|
||||
.sources__source-1 { left: 100%; top: 80%; }
|
||||
.sources__source-2 { left: 0; top: 80%; }
|
||||
.sources__source-3 { left: 0; top: 20%; }
|
||||
.sources__source-4 { left: 50%; top: 0; }
|
||||
.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>
|
||||
|
@ -33,5 +33,9 @@ func (gm *Game) selectQuote() {
|
||||
"Thomas Alva Edison",
|
||||
"Konfuzius",
|
||||
"George W. Bush jun.",
|
||||
// "Plato",
|
||||
// "Chrisoph Kolumbus",
|
||||
// "Neil Armstrong",
|
||||
"Max Planck",
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user