eessppeelllloo/image-sequencer
1
0
Fork 0
mirror of https://github.com/publiclab/image-sequencer.git synced 2025-12-12 19:30:00 +01:00
Code Issues Packages Projects Releases Wiki Activity

Organize examples directory, Recreate FisheyeGl Demo of fisheyegl using Image Sequencer UI

Browse Source
This commit is contained in:
Chinmay Pandhare
2017-08-01 23:19:36 +05:30
parent 187f66429a
commit b8ec24c185
13 changed files with 183 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
examples/demo.css Normal file
View File

@@ -0,0 +1,74 @@
@font-face {
font-family: "Poiret One";
src: url("Poiret One.woff2");
}
* {
padding: 0;
margin: 0;
box-sizing: border-box;
font-family: "Poiret One";
}
html, body {
min-height: 100vh;
width: 100vw;
}
body {
background: #fff;
}
.wrapper {
width: 100vw;
max-width: 1000px;
height: 100%;
min-height: 100vh;
margin: auto;
position: relative;
}
header {
position: relative;
height: 150px;
font-size: 45px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
footer {
position: absolute;
bottom: 0;
left: 0;
display: flex;
width: 100%;
align-items: center;
justify-content: space-around;
padding: 10px 0;
font-size: 20px;
}
section {
position: relative;
width: 100%;
min-height: 100px;
padding: 10px 15px;
font-size: 25px;
margin-bottom: 50px;
}
.rh {
display: flex;
flex-direction: column;
}
section .r {
display: flex;
flex-direction: row;
flex: auto;
align-items: center;
justify-content: space-around;
margin: 10px;
}
section .c {
flex: auto;
display: flex;
align-items: center;
justify-content: center;
}
section span {
margin: 0 5px;
}