position: absolute;
z-index: 999;
overflow: hidden;
- background: -webkit-radial-gradient(center, ellipse cover, #4fc3f7 10%, #01579b 100%);
+ background-color: #e57373;
+ background: linear-gradient(45deg, rgba(255,206,202,1) 1%,rgba(227,110,201,1) 84%);
+ background: linear-gradient(45deg, rgba(135,165,255,1) 1%,rgba(91,247,231,1) 84%);
+ background: linear-gradient(45deg, rgba(135,165,255,1) 0%,rgba(255,196,211,1) 58%,rgba(195,247,231,1) 87%,rgba(91,247,231,1) 110%);
}
-
#splashscreen * {
overflow: hidden;
}
z-index: 2;
display: none;
}
-/* CSS animations for smoother response, delays have to be hardcoded */
-.move-up {
- animation-name: move-up;
- animation-duration: 500ms;
-}
-@keyframes move-up {
- from {top: 0;}
- to {top: -100%}
-}
-
-.move-up {
- animation-name: move-up;
- /* animation-timing-function: ease-in-out; */
- animation-duration: 700ms; /* has to be hardcoded */
-}
-@keyframes move-up {
- from {top: 0;}
- to {top: -100%}
-}
-.move-down {
- animation-name: move-down;
- /* animation-timing-function: ease-in; */
- animation-duration: 700ms;
-}
-@keyframes move-down {
- from {top: -100%;}
- to {top: 0}
-}
min-height: 100vh;
flex-direction: column;
color: white;
- background-color: #37474f;
- background: -webkit-radial-gradient(center, ellipse cover, #455a64 10%, #263238 100%);
+ background-color: #34495e;
+ /* background: radial-gradient(center, ellipse cover, #455a64 10%, #263238 100%); */
overflow: hidden;
}
main {
font-size: 3vh;
font-weight: lighter;
}
-.logo {
+.logo-ubuntu {
height: 10vh;
}
+.logo-arch {
+ height: 15vh;
+}
--- /dev/null
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">
+<svg version="1.1" baseProfile="basic" id="ubuntu__x5F__white"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="353.685px"
+ height="79.43px" viewBox="418.433 357.135 353.685 79.43" xml:space="preserve">
+<g>
+ <g>
+ <g>
+ <path fill="#FFFFFF" d="M460.767,433.844c-2.152,0.538-4.99,1.109-8.518,1.714c-3.527,0.604-7.609,0.905-12.247,0.905
+ c-4.032,0-7.426-0.588-10.181-1.762c-2.755-1.175-4.973-2.839-6.652-4.99c-1.68-2.151-2.89-4.688-3.629-7.61
+ c-0.74-2.923-1.108-6.163-1.108-9.727v-29.432h9.374v27.416c0,6.385,1.008,10.955,3.024,13.708
+ c2.016,2.756,5.409,4.133,10.18,4.133c1.008,0,2.048-0.034,3.125-0.103c1.074-0.065,2.082-0.15,3.023-0.251
+ c0.94-0.101,1.796-0.201,2.57-0.303c0.771-0.101,1.325-0.218,1.663-0.352v-44.25h9.375L460.767,433.844L460.767,433.844z"/>
+ <path fill="#FFFFFF" d="M483.646,385.261c1.142-0.739,2.873-1.512,5.191-2.318c2.318-0.807,4.99-1.209,8.014-1.209
+ c3.762,0,7.106,0.672,10.029,2.015c2.923,1.345,5.393,3.226,7.409,5.646c2.016,2.418,3.544,5.309,4.585,8.668
+ c1.041,3.36,1.563,7.055,1.563,11.086c0,4.234-0.623,8.049-1.865,11.441c-1.245,3.394-3.009,6.265-5.292,8.617
+ c-2.285,2.354-5.039,4.169-8.266,5.443c-3.225,1.275-6.854,1.915-10.886,1.915c-4.368,0-8.231-0.302-11.591-0.905
+ c-3.361-0.605-6.116-1.21-8.266-1.814V358.75l9.374-1.612L483.646,385.261L483.646,385.261z M483.646,427.192
+ c0.94,0.269,2.267,0.521,3.981,0.755c1.713,0.236,3.846,0.354,6.401,0.354c5.04,0,9.071-1.664,12.096-4.989
+ c3.023-3.327,4.536-8.047,4.536-14.163c0-2.685-0.27-5.205-0.807-7.559c-0.539-2.352-1.411-4.384-2.621-6.098
+ c-1.21-1.714-2.772-3.058-4.687-4.033c-1.915-0.973-4.218-1.46-6.904-1.46c-2.555,0-4.906,0.438-7.056,1.311
+ c-2.152,0.874-3.798,1.781-4.939,2.72V427.192z"/>
+ <path fill="#FFFFFF" d="M572.749,433.844c-2.151,0.538-4.99,1.109-8.518,1.714s-7.61,0.905-12.247,0.905
+ c-4.033,0-7.427-0.588-10.181-1.762c-2.756-1.175-4.974-2.839-6.652-4.99c-1.681-2.151-2.89-4.688-3.629-7.61
+ c-0.739-2.923-1.109-6.163-1.109-9.727v-29.432h9.375v27.416c0,6.385,1.007,10.955,3.024,13.708
+ c2.015,2.756,5.408,4.133,10.18,4.133c1.007,0,2.049-0.034,3.124-0.103c1.074-0.065,2.083-0.15,3.024-0.251
+ c0.94-0.101,1.797-0.201,2.57-0.303c0.771-0.101,1.326-0.218,1.664-0.352v-44.25h9.374V433.844L572.749,433.844z"/>
+ <path fill="#FFFFFF" d="M586.254,384.454c2.149-0.537,5.004-1.109,8.568-1.714c3.561-0.604,7.661-0.906,12.297-0.906
+ c4.167,0,7.626,0.589,10.382,1.763c2.754,1.178,4.955,2.822,6.602,4.939c1.646,2.117,2.806,4.655,3.479,7.61
+ c0.671,2.958,1.009,6.217,1.009,9.778v29.43h-9.375v-27.416c0-3.224-0.219-5.979-0.656-8.265
+ c-0.437-2.283-1.157-4.132-2.166-5.542c-1.009-1.412-2.353-2.436-4.032-3.075c-1.682-0.639-3.765-0.958-6.249-0.958
+ c-1.008,0-2.052,0.035-3.125,0.101c-1.075,0.067-2.101,0.152-3.073,0.252c-0.978,0.101-1.851,0.219-2.621,0.353
+ c-0.773,0.135-1.329,0.236-1.664,0.301v44.249h-9.373L586.254,384.454L586.254,384.454z"/>
+ <path fill="#FFFFFF" d="M650.259,382.943h19.857v7.862h-19.857v24.189c0,2.622,0.2,4.788,0.605,6.501
+ c0.403,1.716,1.007,3.06,1.813,4.032c0.808,0.976,1.814,1.665,3.023,2.066c1.21,0.403,2.621,0.605,4.234,0.605
+ c2.889,0,5.174-0.318,6.854-0.958c1.679-0.638,2.822-1.092,3.428-1.359l2.015,7.661c-0.941,0.47-2.604,1.074-4.989,1.812
+ c-2.385,0.739-5.09,1.109-8.114,1.109c-3.562,0-6.501-0.453-8.818-1.36c-2.319-0.908-4.185-2.268-5.595-4.081
+ c-1.411-1.816-2.403-4.049-2.974-6.703c-0.571-2.654-0.857-5.729-0.857-9.224v-46.769l9.375-1.612V382.943L650.259,382.943z"/>
+ <path fill="#FFFFFF" d="M721.118,433.844c-2.152,0.538-4.99,1.109-8.518,1.714c-3.528,0.604-7.609,0.905-12.246,0.905
+ c-4.033,0-7.427-0.588-10.182-1.762c-2.755-1.175-4.974-2.839-6.654-4.99c-1.679-2.151-2.889-4.688-3.628-7.61
+ c-0.74-2.923-1.108-6.163-1.108-9.727v-29.432h9.375v27.416c0,6.385,1.008,10.955,3.022,13.708
+ c2.018,2.756,5.409,4.133,10.182,4.133c1.008,0,2.049-0.034,3.125-0.103c1.073-0.065,2.08-0.15,3.022-0.251
+ s1.798-0.201,2.571-0.303c0.771-0.101,1.326-0.218,1.663-0.352v-44.25h9.375V433.844z"/>
+ </g>
+ <g>
+ <circle fill="#FFFFFF" cx="750.949" cy="378.302" r="21.167"/>
+ <path d="M739.965,378.302c0,1.503-1.219,2.722-2.724,2.722c-1.502,0-2.72-1.218-2.72-2.722c0-1.503,1.218-2.721,2.72-2.721
+ C738.745,375.581,739.965,376.799,739.965,378.302z M755.448,391.535c0.751,1.301,2.415,1.747,3.717,0.996
+ c1.302-0.751,1.747-2.416,0.996-3.717s-2.415-1.747-3.717-0.996S754.696,390.234,755.448,391.535z M760.161,367.792
+ c0.751-1.302,0.307-2.966-0.996-3.717c-1.301-0.751-2.966-0.306-3.717,0.996c-0.752,1.302-0.306,2.966,0.996,3.717
+ C757.746,369.54,759.41,369.093,760.161,367.792z M750.95,370.542c4.056,0,7.383,3.108,7.73,7.073l3.938-0.062
+ c-0.187-2.947-1.465-5.596-3.435-7.55c-1.042,0.402-2.252,0.348-3.295-0.255c-1.045-0.603-1.697-1.625-1.87-2.73
+ c-0.979-0.265-2.008-0.408-3.069-0.408c-1.862,0-3.623,0.436-5.187,1.211l1.917,3.441
+ C748.674,370.801,749.782,370.542,750.95,370.542z M743.188,378.302c0-2.625,1.305-4.946,3.3-6.351l-2.022-3.38
+ c-2.342,1.564-4.087,3.95-4.822,6.748c0.87,0.702,1.429,1.777,1.429,2.983c0,1.207-0.558,2.282-1.429,2.984
+ c0.735,2.797,2.48,5.184,4.822,6.748l2.022-3.38C744.493,383.25,743.188,380.929,743.188,378.302z M750.95,386.064
+ c-1.168,0-2.276-0.259-3.271-0.721l-1.916,3.441c1.563,0.775,3.323,1.21,5.186,1.21c1.062,0,2.092-0.142,3.07-0.408
+ c0.172-1.106,0.825-2.127,1.869-2.729c1.043-0.603,2.253-0.658,3.296-0.255c1.97-1.956,3.247-4.604,3.435-7.551l-3.939-0.062
+ C758.333,382.955,755.006,386.064,750.95,386.064z"/>
+ </g>
+ </g>
+</g>
+</svg>
+++ /dev/null
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">
-<svg version="1.1" baseProfile="basic" id="ubuntu__x5F__white"
- xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="757.33px"
- height="170.081px" viewBox="216.61 311.81 757.33 170.081" xml:space="preserve">
-<g>
- <g>
- <g>
- <path fill="#FFFFFF" d="M307.259,476.064c-4.607,1.152-10.684,2.375-18.238,3.67c-7.553,1.295-16.294,1.939-26.223,1.939
- c-8.633,0-15.901-1.26-21.8-3.773c-5.9-2.516-10.648-6.078-14.244-10.686c-3.598-4.605-6.188-10.037-7.771-16.295
- c-1.584-6.26-2.373-13.197-2.373-20.828V367.07h20.072v58.705c0,13.672,2.158,23.457,6.475,29.354
- c4.316,5.9,11.581,8.85,21.798,8.85c2.159,0,4.387-0.072,6.692-0.219c2.3-0.141,4.457-0.322,6.474-0.539
- c2.014-0.215,3.847-0.43,5.504-0.646c1.651-0.217,2.838-0.467,3.56-0.754v-94.75h20.073L307.259,476.064L307.259,476.064z"/>
- <path fill="#FFFFFF" d="M356.25,372.034c2.444-1.581,6.151-3.237,11.115-4.963c4.964-1.729,10.684-2.59,17.159-2.59
- c8.055,0,15.217,1.438,21.475,4.314c6.258,2.88,11.547,6.907,15.863,12.089c4.317,5.178,7.589,11.367,9.819,18.562
- c2.229,7.195,3.347,15.106,3.347,23.739c0,9.066-1.333,17.234-3.993,24.498c-2.665,7.268-6.442,13.416-11.333,18.451
- c-4.893,5.039-10.79,8.926-17.698,11.654c-6.906,2.732-14.676,4.102-23.31,4.102c-9.354,0-17.626-0.646-24.82-1.939
- c-7.197-1.295-13.095-2.59-17.698-3.885V315.27l20.072-3.451v60.216H356.25z M356.25,461.82c2.014,0.576,4.854,1.115,8.525,1.617
- c3.668,0.506,8.235,0.756,13.706,0.756c10.791,0,19.424-3.563,25.9-10.684c6.475-7.123,9.712-17.23,9.712-30.326
- c0-5.75-0.577-11.145-1.727-16.186c-1.154-5.035-3.021-9.387-5.611-13.057c-2.591-3.671-5.937-6.547-10.036-8.636
- c-4.102-2.083-9.032-3.128-14.785-3.128c-5.47,0-10.505,0.938-15.108,2.807c-4.607,1.872-8.132,3.813-10.576,5.825V461.82z"/>
- <path fill="#FFFFFF" d="M547.042,476.064c-4.606,1.152-10.685,2.375-18.239,3.67c-7.554,1.295-16.294,1.939-26.223,1.939
- c-8.635,0-15.902-1.26-21.8-3.773c-5.901-2.516-10.65-6.078-14.244-10.686c-3.599-4.605-6.188-10.037-7.771-16.295
- c-1.583-6.26-2.374-13.197-2.374-20.828V367.07h20.074v58.705c0,13.672,2.157,23.457,6.476,29.354
- c4.315,5.9,11.579,8.85,21.799,8.85c2.155,0,4.387-0.072,6.688-0.219c2.299-0.141,4.459-0.322,6.476-0.539
- c2.014-0.215,3.849-0.43,5.504-0.646c1.651-0.217,2.84-0.467,3.562-0.754v-94.75h20.072L547.042,476.064L547.042,476.064z"/>
- <path fill="#FFFFFF" d="M575.96,370.308c4.603-1.149,10.715-2.375,18.346-3.671c7.625-1.294,16.404-1.94,26.33-1.94
- c8.923,0,16.33,1.262,22.23,3.775c5.897,2.521,10.61,6.043,14.137,10.576c3.523,4.532,6.008,9.967,7.447,16.296
- c1.438,6.334,2.16,13.312,2.16,20.938V479.3h-20.074v-58.706c0-6.904-0.469-12.804-1.404-17.698
- c-0.936-4.888-2.479-8.848-4.639-11.867c-2.16-3.023-5.037-5.217-8.633-6.584c-3.603-1.368-8.062-2.052-13.381-2.052
- c-2.158,0-4.394,0.074-6.691,0.217c-2.303,0.145-4.498,0.325-6.582,0.54c-2.092,0.216-3.961,0.47-5.612,0.756
- c-1.655,0.29-2.845,0.506-3.563,0.646V479.3h-20.07L575.96,370.308L575.96,370.308z"/>
- <path fill="#FFFFFF" d="M713.011,367.071h42.519v16.835h-42.519v51.796c0,5.613,0.429,10.252,1.295,13.92
- c0.863,3.674,2.156,6.551,3.884,8.635c1.729,2.088,3.885,3.564,6.475,4.424c2.59,0.863,5.611,1.297,9.066,1.297
- c6.186,0,11.079-0.682,14.676-2.051c3.594-1.365,6.043-2.338,7.338-2.912l4.315,16.404c-2.016,1.006-5.577,2.301-10.684,3.881
- c-5.107,1.582-10.898,2.375-17.375,2.375c-7.625,0-13.92-0.971-18.883-2.914c-4.966-1.943-8.959-4.855-11.979-8.738
- c-3.021-3.889-5.146-8.67-6.367-14.354c-1.223-5.684-1.836-12.268-1.836-19.75V335.775l20.074-3.451L713.011,367.071
- L713.011,367.071z"/>
- <path fill="#FFFFFF" d="M864.737,476.064c-4.607,1.152-10.685,2.375-18.238,3.67c-7.555,1.295-16.293,1.939-26.221,1.939
- c-8.636,0-15.902-1.26-21.802-3.773c-5.899-2.516-10.649-6.078-14.248-10.686c-3.596-4.605-6.186-10.037-7.77-16.295
- c-1.584-6.26-2.373-13.197-2.373-20.828V367.07h20.074v58.705c0,13.672,2.158,23.457,6.473,29.354
- c4.318,5.9,11.582,8.85,21.801,8.85c2.158,0,4.388-0.072,6.691-0.219c2.299-0.141,4.455-0.322,6.473-0.539
- c2.017-0.215,3.849-0.43,5.506-0.646c1.652-0.217,2.839-0.467,3.56-0.754v-94.75h20.074V476.064z"/>
- </g>
- <g>
- <circle fill="#FFFFFF" cx="928.615" cy="357.135" r="45.325"/>
- <path d="M905.093,357.135c0,3.219-2.608,5.828-5.83,5.828c-3.217,0-5.825-2.609-5.825-5.828c0-3.218,2.608-5.827,5.825-5.827
- C902.482,351.308,905.093,353.917,905.093,357.135z M938.247,385.47c1.608,2.786,5.172,3.741,7.959,2.133s3.742-5.173,2.133-7.96
- c-1.608-2.786-5.172-3.74-7.959-2.132C937.593,379.12,936.638,382.684,938.247,385.47z M948.339,334.628
- c1.609-2.787,0.656-6.351-2.133-7.958c-2.785-1.609-6.351-0.654-7.959,2.132c-1.609,2.787-0.654,6.352,2.133,7.959
- C943.167,338.372,946.73,337.416,948.339,334.628z M928.616,340.517c8.684,0,15.809,6.656,16.553,15.146l8.435-0.132
- c-0.4-6.311-3.138-11.983-7.354-16.167c-2.231,0.861-4.822,0.745-7.057-0.546c-2.236-1.291-3.634-3.478-4.003-5.846
- c-2.096-0.568-4.301-0.874-6.573-0.874c-3.988,0-7.758,0.934-11.105,2.593l4.104,7.368
- C923.741,341.072,926.116,340.517,928.616,340.517z M911.997,357.135c0-5.622,2.793-10.592,7.065-13.599l-4.33-7.237
- c-5.016,3.35-8.752,8.459-10.327,14.448c1.864,1.503,3.061,3.805,3.061,6.388c0,2.584-1.194,4.887-3.061,6.39
- c1.575,5.989,5.312,11.1,10.327,14.449l4.33-7.237C914.79,367.729,911.997,362.759,911.997,357.135z M928.616,373.756
- c-2.5,0-4.875-0.555-7.002-1.545l-4.104,7.369c3.349,1.66,7.117,2.592,11.105,2.592c2.272,0,4.479-0.304,6.574-0.873
- c0.368-2.369,1.766-4.555,4.002-5.845c2.233-1.291,4.823-1.408,7.057-0.546c4.217-4.187,6.953-9.859,7.354-16.168l-8.434-0.132
- C944.425,367.098,937.3,373.756,928.616,373.756z"/>
- </g>
- </g>
-</g>
-</svg>
<div class="row">
<div style="text-align: center" class="col s12">
- <img class="logo" src="images/ubuntu_white_hex.svg">
+ <!-- <img class="logo-ubuntu" src="images/ubuntu_logo.svg"> -->
+ <img class="logo-arch" src="images/arch_logo.svg">
</div>
</div>
- <div class="row" style="margin-top: 10vh;"></div>
+ <div class="row" style="margin-top: 5vh;"></div>
<div class="row">
<div class="col s12" style="text-align: center">
<h1 class="welcome-text">Welcome back</h1>
"font-size": "70pt",
"font-family": "Noto Sans",
"font-weight": "lighter",
- "text-shadow": "rgba(0, 0, 0, 0.5) 0px 7px 10px",
+ "text-shadow": "rgba(0, 0, 0, 0.25) 0px 3px 3px",
}
},{
"format": ["h:mm", "A"],
"color": "white",
"font-family": "Noto Sans",
"text-align": "center",
- "text-shadow": "rgba(0, 0, 0, 0.5) 0px 7px 10px",
+ "text-shadow": "rgba(0, 0, 0, 0.25) 0px 3px 3px",
}
}],
"font-size": "70pt",
"font-family": "Noto Sans",
"font-weight": "lighter",
- "text-shadow": "rgba(0, 0, 0, 0.5) 0px 7px 10px",
+ "text-shadow": "rgba(0, 0, 0, 0.5) 0px 3px 3px",
}
},{
"format": ["h:mm", "A"],
"color": "white",
"font-family": "Noto Sans",
"text-align": "center",
- "text-shadow": "rgba(0, 0, 0, 0.5) 0px 7px 10px",
+ "text-shadow": "rgba(0, 0, 0, 0.25) 0px 3px 3px",
}
}],
"font-weight": "200",
"font-size": "23pt",
"text-align": "center",
- "color": "rgba(255, 255, 255, 0.8)"
+ "color": "rgba(0, 0, 0, 0.25) 0px 5px 5px"
}
}]
}