mirror of
https://github.com/aljazceru/twentyone-world.github.io.git
synced 2025-12-18 17:34:20 +01:00
Add video: Let's color the world orange (#43)
Also fixes the video iframe display.
This commit is contained in:
@@ -8,9 +8,12 @@ The following is a rough blueprint for starting a local "twentyone" community, o
|
|||||||
|
|
||||||

|

|
||||||
|
|
||||||
It might help to watch the last [10 minutes of this
|
It might help to watch the last [10 minutes of this video](https://youtu.be/iOWvL9-4k4A?t=982), which explains the blueprint in more detail.
|
||||||
video](https://youtu.be/iOWvL9-4k4A?t=982), which explains the blueprint in more
|
We explicitely encourage you to learn from our experience and adopt the [concept](/concept).
|
||||||
detail.
|
|
||||||
|
<div class="flex-vid">
|
||||||
|
<iframe src="https://www.youtube-nocookie.com/embed/NvD5Ea0GRIc" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||||
|
</div>
|
||||||
|
|
||||||
## Team Up
|
## Team Up
|
||||||
|
|
||||||
|
|||||||
@@ -205,9 +205,12 @@ h3:hover .headerlink {
|
|||||||
|
|
||||||
/* Video */
|
/* Video */
|
||||||
.flex-vid {
|
.flex-vid {
|
||||||
|
position: relative;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
padding-bottom: 56.25%;
|
||||||
}
|
}
|
||||||
.flex-vid iframe {
|
.flex-vid iframe {
|
||||||
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user