diff --git a/crates/rpack_egui/index.html b/crates/rpack_egui/index.html index 6f243ec..7c24095 100644 --- a/crates/rpack_egui/index.html +++ b/crates/rpack_egui/index.html @@ -1,145 +1,158 @@ - + - + - - + + - - - rPack + + + rPack - - - - + + + + - + - - - - + + + + + + + - - - - + - + /* Position canvas in center-top: */ + canvas { + margin-right: auto; + margin-left: auto; + display: block; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } - - - - + .centered { + margin-right: auto; + margin-left: auto; + display: block; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + color: #f0f0f0; + font-size: 24px; + font-family: Ubuntu-Light, Helvetica, sans-serif; + text-align: center; + } - - - + /* ---------------------------------------------- */ + /* Loading animation from https://loading.io/css/ */ + .lds-dual-ring { + display: inline-block; + width: 24px; + height: 24px; + } - - + .lds-dual-ring:after { + content: " "; + display: block; + width: 24px; + height: 24px; + margin: 0px; + border-radius: 50%; + border: 3px solid #fff; + border-color: #fff transparent #fff transparent; + animation: lds-dual-ring 1.2s linear infinite; + } + @keyframes lds-dual-ring { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } + } + + + + + + + + + + + + + +