Create desktop and wallpaper !
This commit is contained in:
parent
a13d6c8547
commit
fba7381781
|
|
@ -1 +1,2 @@
|
|||
/nbproject/
|
||||
/nbproject/
|
||||
/assets/img/
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
.animated {
|
||||
animation-duration: 1s;
|
||||
animation-fill-mode: both; }
|
||||
|
||||
@keyframes slideInDown {
|
||||
from {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
visibility: visible; }
|
||||
to {
|
||||
transform: translate3d(0, 0, 0); } }
|
||||
.slideInDown {
|
||||
animation-name: slideInDown; }
|
||||
|
||||
@keyframes slideOutUp {
|
||||
from {
|
||||
transform: translate3d(0, 0, 0); }
|
||||
to {
|
||||
visibility: hidden;
|
||||
transform: translate3d(0, -100%, 0); } }
|
||||
.slideOutUp {
|
||||
animation-name: slideOutUp;
|
||||
animation-duration: 0.5s; }
|
||||
|
||||
/*# sourceMappingURL=animate.css.map */
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "AAAA,SAAU;EACR,kBAAkB,EAAE,EAAE;EACtB,mBAAmB,EAAE,IAAI;;AAG3B,sBASC;EARC,IAAK;IACH,SAAS,EAAE,wBAAwB;IACnC,UAAU,EAAE,OAAO;EAGrB,EAAG;IACD,SAAS,EAAE,oBAAoB;AAInC,YAAa;EACX,cAAc,EAAE,WAAW;;AAG7B,qBASC;EARC,IAAK;IACH,SAAS,EAAE,oBAAoB;EAGjC,EAAG;IACD,UAAU,EAAE,MAAM;IAClB,SAAS,EAAE,wBAAwB;AAIvC,WAAY;EACV,cAAc,EAAE,UAAU;EAC1B,kBAAkB,EAAE,IAAI",
|
||||
"sources": ["sass/app/animate.scss"],
|
||||
"names": [],
|
||||
"file": "animate.css"
|
||||
}
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "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",
|
||||
"sources": ["sass/app/app.scss"],
|
||||
"names": [],
|
||||
"file": "app.css"
|
||||
}
|
||||
|
|
@ -88,7 +88,7 @@ main {
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 30px 0 0 0;
|
||||
background: linear-gradient(to right top, #8e44ad, #3498db); }
|
||||
background: url("../img/wallpapers/background_desktop.png"); }
|
||||
|
||||
.screensaver {
|
||||
position: fixed;
|
||||
|
|
@ -97,7 +97,7 @@ main {
|
|||
z-index: 400;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: linear-gradient(#24C6DC 10%, #514A9D 90%) whitesmoke;
|
||||
background-image: url("../img/wallpapers/background_screensaver.png");
|
||||
text-align: center;
|
||||
color: whitesmoke;
|
||||
font-weight: 300; }
|
||||
|
|
@ -116,11 +116,8 @@ main {
|
|||
.screensaver > .unlock {
|
||||
position: absolute;
|
||||
top: 75%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
text-shadow: 0 0 5px whitesmoke;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
animation: flash 1500ms ease infinite alternate; }
|
||||
left: 51%;
|
||||
transform: translateX(-50%); }
|
||||
|
||||
@keyframes flash {
|
||||
0% {
|
||||
|
|
@ -227,4 +224,4 @@ a {
|
|||
margin: 0.3rem 0 0 0;
|
||||
overflow: hidden; }
|
||||
|
||||
/*# sourceMappingURL=app.css.map */
|
||||
/*# sourceMappingURL=desktop.css.map */
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "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",
|
||||
"sources": ["sass/app/desktop.scss"],
|
||||
"names": [],
|
||||
"file": "desktop.css"
|
||||
}
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
.animated {
|
||||
animation-duration: 1s;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
|
||||
@keyframes slideInDown {
|
||||
from {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
to {
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.slideInDown {
|
||||
animation-name: slideInDown;
|
||||
}
|
||||
|
||||
@keyframes slideOutUp {
|
||||
from {
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
to {
|
||||
visibility: hidden;
|
||||
transform: translate3d(0, -100%, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.slideOutUp {
|
||||
animation-name: slideOutUp;
|
||||
animation-duration: 0.5s;
|
||||
}
|
||||
|
|
@ -6,9 +6,11 @@
|
|||
|
||||
// THEMING VARIABLES
|
||||
|
||||
$desktopBackground: linear-gradient(to right top, #8e44ad, #3498db);
|
||||
//https://wiki.debian.org/DebianArt/Themes/softWaves?action=AttachFile&do=view&target=attachment_wallpaper.png
|
||||
$desktopBackground: url("../img/wallpapers/background_desktop.png");
|
||||
|
||||
$screensaverBackground: linear-gradient(#24C6DC 10%, #514A9D 90%) whitesmoke;
|
||||
//https://wiki.debian.org/DebianArt/Themes/DotsAndStars
|
||||
$screensaverBackground: url("../img/wallpapers/background_screensaver.png");
|
||||
|
||||
$headerBackground: rgba(255, 255, 255, 0.3);
|
||||
|
||||
|
|
@ -150,7 +152,7 @@ main {
|
|||
z-index: 400;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: $screensaverBackground;
|
||||
background-image: $screensaverBackground;
|
||||
text-align: center;
|
||||
color: whitesmoke;
|
||||
font-weight: 300;
|
||||
|
|
@ -175,11 +177,8 @@ main {
|
|||
> .unlock {
|
||||
position: absolute;
|
||||
top: 75%;
|
||||
left: 50%;
|
||||
left: 51%;
|
||||
transform: translateX(-50%);
|
||||
text-shadow: 0 0 5px whitesmoke;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
animation: flash 1500ms ease infinite alternate;
|
||||
}
|
||||
}
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 458 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 MiB |
|
|
@ -17,17 +17,13 @@ function setTime(ts) {
|
|||
setTime(Date.now());
|
||||
|
||||
$('.screensaver').on('click', function () {
|
||||
$(this).fadeOut(500);
|
||||
});
|
||||
|
||||
$('#menu').hide();
|
||||
|
||||
$('#header-menu').on('click', function () {
|
||||
$('#menu').fadeIn(500);
|
||||
});
|
||||
|
||||
$('.menu-item').on('click', function () {
|
||||
$('#menu').fadeOut(500);
|
||||
if($(this).hasClass('animated') == false){
|
||||
$(this).addClass('animated');
|
||||
}
|
||||
if($(this).hasClass('slideInDown')){
|
||||
$(this).removeClass('slideInDown');
|
||||
}
|
||||
$(this).addClass("slideOutUp");
|
||||
});
|
||||
|
||||
function Window(settings) {
|
||||
|
|
@ -86,31 +82,3 @@ function Window(settings) {
|
|||
});
|
||||
}
|
||||
}
|
||||
|
||||
var w = new Window({
|
||||
top: 50,
|
||||
left: 20,
|
||||
title: 'Home',
|
||||
close: true,
|
||||
draggable: true,
|
||||
content: [
|
||||
{ type: 'folder', icon: 'file', text: 'Documents' },
|
||||
{ type: 'folder', icon: 'music', text: 'Music' },
|
||||
{ type: 'folder', icon: 'camera', text: 'Pictures' },
|
||||
{ type: 'folder', icon: 'video-camera', text: 'Videos' }
|
||||
]
|
||||
});
|
||||
|
||||
var w = new Window({
|
||||
top: 300,
|
||||
left: 250,
|
||||
title: 'Project Pillow',
|
||||
close: true,
|
||||
draggable: true,
|
||||
content: [
|
||||
{ type: 'file', icon: 'file-pdf-o', text: 'specs.pdf' },
|
||||
{ type: 'file', icon: 'file-excel-o', text: 'plan.xls' },
|
||||
{ type: 'file', icon: 'file-archive-o', text: 'stuff.zip' },
|
||||
{ type: 'file', icon: 'file-code-o', text: 'project.js' }
|
||||
]
|
||||
});
|
||||
|
|
|
|||
38
index.html
38
index.html
|
|
@ -5,51 +5,23 @@
|
|||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" href="assets/css/normalize.css">
|
||||
<link rel="stylesheet" href="assets/css/font-awesome.css">
|
||||
<link rel="stylesheet" href="assets/css/app.css">
|
||||
<link rel="stylesheet" href="assets/css/animate.css">
|
||||
<link rel="stylesheet" href="assets/css/desktop.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
</head>
|
||||
<body>
|
||||
<header><span id="header-menu">Menu</span><span id="header-settings">Settings</span>
|
||||
<header>
|
||||
<time class="time" style="float: right">time</time>
|
||||
<time class="date" style="float: right">date</time>
|
||||
</header>
|
||||
<div id="menu">
|
||||
<div class="menu-content">
|
||||
<div class="menu-item"><i class="fa fa-cube"></i>
|
||||
<p>Item</p>
|
||||
</div>
|
||||
<div class="menu-item"><i class="fa fa-cube"></i>
|
||||
<p>Item</p>
|
||||
</div>
|
||||
<div class="menu-item"><i class="fa fa-cube"></i>
|
||||
<p>Item</p>
|
||||
</div>
|
||||
<div class="menu-item"><i class="fa fa-cube"></i>
|
||||
<p>Item</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu-footer">
|
||||
<div class="menu-item"><i class="fa fa-cube"></i>
|
||||
<p>Item</p>
|
||||
</div>
|
||||
<div class="menu-item"><i class="fa fa-cube"></i>
|
||||
<p>Item</p>
|
||||
</div>
|
||||
<div class="menu-item"><i class="fa fa-cube"></i>
|
||||
<p>Item</p>
|
||||
</div>
|
||||
<div class="menu-item"><i class="fa fa-cube"></i>
|
||||
<p>Item</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<main></main>
|
||||
<div class="screensaver">
|
||||
<div class="content">
|
||||
<time class="time">time</time>
|
||||
<time class="date">date</time>
|
||||
</div>
|
||||
<div class="unlock">click to unlock</div>
|
||||
<div class="unlock">Cliquez pour déverouiller</div>
|
||||
</div>
|
||||
<script src="assets/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="assets/js/app.js"></script>
|
||||
|
|
|
|||
Reference in New Issue