jesse/thirteen-tien-len
1
0
Fork 0
Code Issues 5 Pull Requests Projects Releases Wiki Activity

Increase size of floating coin eyecandy

Browse Source
This commit is contained in:
Jesse C. Fisher 2023-04-30 06:53:22 +00:00 committed by Bort
parent d9645d990c
commit 1dbd9c887a
2 changed files with 28 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
app/assets/javascripts/eyecandy.js
View File

@ -4,6 +4,7 @@
horizontal: true, horizontal: true,
vertical: true, vertical: true,
speed: 100, // In pixels per second speed: 100, // In pixels per second
color: "#00ffff",
container: $(this).parent(), container: $(this).parent(),
bumpEdge: function () {} bumpEdge: function () {}
}, options); }, options);
@ -65,11 +66,30 @@
$(document).ready( function() { $(document).ready( function() {
$('.eyecandy').on( "click", function() {
$(this).toggleClass("clicked");
// $(this).marqueeify({
// speed: Math.random()*420,
// bumpEdge: function () {
// var newColor = "hsl(" + Math.floor(Math.random()*360) + ", 100%, 50%)";
// $('.marquee').css('background', newColor);
// $(this)[0].speed = Math.random()*420;
// }
// });
} );
$('.eyecandy').marqueeify({ $('.eyecandy').marqueeify({
speed: 300, speed: 300,
self: this,
bumpEdge: function () { bumpEdge: function () {
var newColor = "hsl(" + Math.floor(Math.random()*360) + ", 100%, 50%)"; // svg bgcolor
$('.marquee').css('background', newColor); // var newColor = "hsl(" + Math.floor(Math.random()*360) + ", 100%, 50%)";
var newColor = Math.floor(Math.random()*16777215).toString(16);
// console.log($(this)[0].self);
console.log($(this)[0].color);
console.log($(this)[0].self);
// .css("background-color", "#" + newColor);
//.css("background-color", "#00ffff");
$(this)[0].speed = Math.random()*420; $(this)[0].speed = Math.random()*420;
} }
}); });

6
app/assets/stylesheets/application.css.sass
View File

@ -107,6 +107,12 @@ header
left: 0 left: 0
position: absolute position: absolute
top: 0 top: 0
// background-color: hotpink
img
width: 64px
&.clicked
// box-shadow: 1px 1px 4px 4px hotpink
border-radius: 300px
li li