mirror of
https://github.com/Febbweiss/febbweiss.github.io.git
synced 2026-03-04 22:25:43 +00:00
Refactoring: manage generated static site
This commit is contained in:
68
extra/css/extra.css
Normal file
68
extra/css/extra.css
Normal file
@@ -0,0 +1,68 @@
|
||||
/* Source : https://codepen.io/thierrymichel/pen/Pwzbmd */
|
||||
|
||||
[class*="push"] {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border: 0;
|
||||
margin: 1em;
|
||||
outline: none;
|
||||
background-color: #c2290a;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
-webkit-transition: box-shadow 200ms;
|
||||
transition: box-shadow 200ms;
|
||||
}
|
||||
|
||||
.push--flat {
|
||||
box-shadow: inset 0 1.25px 0 #da2e0b, inset 0 -1.25px 0 #aa2409, inset 0 0 0 1.25px #b32609, inset 0 0 0 3.33333px #c2290a, inset 0 0 0 4px #611405, inset 0 0 0 4.34783px black, inset 0 0 0 5.33333px rgba(247, 133, 110, 0.7), inset 0 0 0 7.27273px #c2290a, inset 0 16px 5.33333px #aa2409, inset 0 0 4px 6.66667px #911f08, 0 2px 0 rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
.push--flat:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 2px;
|
||||
left: 4px;
|
||||
display: block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border: 2.66667px solid rgba(0, 0, 0, 0.3);
|
||||
border-width: 0 0 2.66667px;
|
||||
border-radius: 50%;
|
||||
-webkit-transition-duration: 200ms;
|
||||
transition-duration: 200ms;
|
||||
}
|
||||
.push--flat:active, .push--flat.is-pushed {
|
||||
box-shadow: inset 0 1.25px 0 #da2e0b, inset 0 -1.25px 0 #aa2409, inset 0 0 0 1.25px #b32609, inset 0 0 0 3.33333px #c2290a, inset 0 0 0 4px #611405, inset 0 0 0 4.70588px black, inset 0 0 0 5.33333px rgba(247, 133, 110, 0.2), inset 0 0 0 7.27273px #b32609, inset 0 16px 5.33333px #9b2108, inset 0 0 4px 6.66667px #791a06, 0 2px 0 rgba(0, 0, 0, 0.3);
|
||||
background-color: #b8270a;
|
||||
}
|
||||
.push--flat:active:after, .push--flat.is-pushed:after {
|
||||
bottom: 4.66667px;
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
.push--skeuo {
|
||||
box-shadow: inset 0 1.66667px 0 #da2e0b, inset 0 -1.66667px 0.66667px #aa2409, 0 0 0.66667px #c2290a, inset 0 0 1.33333px #791a06, inset 0 0 1.33333px rgba(51, 51, 51, 0.5), inset 0 0 0.66667px 3.33333px #c2290a, inset 0 -1.33333px 1px 4px rgba(51, 51, 51, 0.7), inset 0 0 0.66667px 4px #611405, inset 0 0 0.66667px 4px rgba(51, 51, 51, 0.7), inset 0 0 0.33333px 4.34783px black, inset 0 0 0.33333px 5px rgba(247, 133, 110, 0.7), inset 0 2px 0 4.70588px rgba(244, 71, 37, 0.7), inset 0 -2px 0.66667px 4.70588px rgba(145, 31, 8, 0.2), inset 0 0 0 7.27273px #c2290a, inset 0 16px 5.33333px #aa2409, inset 0 0 4px 6.66667px #911f08, 0 1px 2px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.push--skeuo:active, .push--skeuo.is-pushed {
|
||||
box-shadow: inset 0 1.66667px 0 #da2e0b, inset 0 -1.66667px 0.66667px #aa2409, 0 0 0.66667px #c2290a, inset 0 0 1.33333px #791a06, inset 0 0 1.33333px rgba(51, 51, 51, 0.5), inset 0 0 0.66667px 3.33333px #c2290a, inset 0 -1.33333px 1px 4px rgba(51, 51, 51, 0.7), inset 0 0 0.66667px 4px #611405, inset 0 0 0.66667px 4px rgba(51, 51, 51, 0.7), inset 0 0 1px 4.70588px black, inset 0 0 0.33333px 5.33333px rgba(247, 133, 110, 0.2), inset 0 2px 0 28px rgba(244, 71, 37, 0.5), inset 0 -2px 0.66667px 28px rgba(97, 20, 5, 0.2), inset 0 0 0 7.27273px #b32609, inset 0 16px 5.33333px #9b2108, inset 0 0 4px 6.66667px #791a06, 0 1px 2px rgba(0, 0, 0, 0.5);
|
||||
background-color: #b8270a;
|
||||
}
|
||||
.push--skeuo:active:before, .push--skeuo.is-pushed:before {
|
||||
opacity: .5;
|
||||
}
|
||||
.push--skeuo:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 8.88889px;
|
||||
left: 11.11111px;
|
||||
display: block;
|
||||
width: 18.18182px;
|
||||
height: 12.12121px;
|
||||
background: rgba(247, 133, 110, 0.2);
|
||||
background: -webkit-linear-gradient(bottom, rgba(250, 173, 158, 0.3) 0%, rgba(194, 41, 10, 0.1) 100%);
|
||||
background: linear-gradient(to top, rgba(250, 173, 158, 0.3) 0%, rgba(194, 41, 10, 0.1) 100%);
|
||||
border-radius: 40% 40% 60% 60%;
|
||||
-webkit-transition: opacity 200ms;
|
||||
transition: opacity 200ms;
|
||||
}
|
||||
26
extra/css/sis.css
Normal file
26
extra/css/sis.css
Normal file
@@ -0,0 +1,26 @@
|
||||
.corn {
|
||||
float: left;
|
||||
background: transparent url('/demo/sis/images/farm.png') no-repeat top left;
|
||||
background-position: -19px -37px;
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.carot {
|
||||
float: left;
|
||||
background: transparent url('/demo/sis/images/farm.png') no-repeat top left;
|
||||
background-position : -38px -37px;
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.gun {
|
||||
float: left;
|
||||
background: transparent url('/demo/sis/images/farm.png') no-repeat top left;
|
||||
background-position : -57px -37px;
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
12
extra/js/pacman.js
Normal file
12
extra/js/pacman.js
Normal file
@@ -0,0 +1,12 @@
|
||||
$(document).ready(function() {
|
||||
$('#startBtn').on('click', function(event) {
|
||||
for( var i = 1; i < 4; i++) {
|
||||
$("#life" + i).css('opacity', '100');
|
||||
$("#life" + i).show();
|
||||
}
|
||||
SCOREBOARD.score = Game.score = 0;
|
||||
Game.level = -1;
|
||||
Game.lives = 3;
|
||||
Game.init();
|
||||
});
|
||||
});
|
||||
11
extra/js/pyramid.js
Normal file
11
extra/js/pyramid.js
Normal file
@@ -0,0 +1,11 @@
|
||||
$(document).ready(function() {
|
||||
$('#startBtn').on('click', function(event) {
|
||||
for( var i = 0; i < 52; i++ ) {
|
||||
Deck.cards[i] = i +1;
|
||||
}
|
||||
$('img[id^="card"]').remove();
|
||||
$("#drawn").removeClass();
|
||||
$("#stock").addClass("card").addClass("background");
|
||||
Pyramid.init();
|
||||
});
|
||||
});
|
||||
23
extra/js/sis.js
Normal file
23
extra/js/sis.js
Normal file
@@ -0,0 +1,23 @@
|
||||
$(document).ready(function() {
|
||||
$('#startBtn').on('click', function(event) {
|
||||
Game.running = false;
|
||||
Game.wave_index = -1;
|
||||
Game.wave = undefined;
|
||||
Game.aliens = [];
|
||||
Game.ship = null;
|
||||
Game.score = 0;
|
||||
Game.shots = {
|
||||
total : 0,
|
||||
lost : 0
|
||||
};
|
||||
Game.init();
|
||||
$.loadCallback(function(percent){
|
||||
$("#loadingBar").width(400*percent);
|
||||
});
|
||||
$.playground().startGame(
|
||||
function() {
|
||||
$("#welcomeScreen").remove();
|
||||
}
|
||||
);
|
||||
});
|
||||
});
|
||||
10
extra/js/yahtzee.js
Normal file
10
extra/js/yahtzee.js
Normal file
@@ -0,0 +1,10 @@
|
||||
$(document).ready(function() {
|
||||
$('#startBtn').on('click', function(event) {
|
||||
Yahtzee.clear(true);
|
||||
Yahtzee.scoreUp = Yahtzee.scoreDown = 0;
|
||||
$('span[id$="Score"]').html(' ');
|
||||
$("#scorePanel").hide();
|
||||
$("#launch").html(0);
|
||||
$("#launchBtn").removeClass("disabled");
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user