Sources ring layout
This commit is contained in:
parent
b298a9946e
commit
df78dafd85
@ -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>
|
||||||
|
@ -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",
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user