Skip to content

Commit

Permalink
Improve logo used for Konami Code in Paint
Browse files Browse the repository at this point in the history
  • Loading branch information
1j01 committed Apr 8, 2018
1 parent aac59ee commit b85d402
Show file tree
Hide file tree
Showing 11 changed files with 1,738 additions and 11 deletions.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
15 changes: 4 additions & 11 deletions programs/jspaint/src/vaporwave-fun.js
Original file line number Diff line number Diff line change
Expand Up @@ -4,17 +4,10 @@ var create_rotologo = function () {
rotologo.classList.add("rotologo");
if (frameElement) {
frameElement.parentElement.appendChild(rotologo);
rotologo.src = "../../images/windows-98-logo-vector-by-pkmnct-plus-js-logo.svg";
// TODO: add "98.js.org" to the flying logo
rotologo.src = "images/98-logo/windows-98-logo-vector-by-pkmnct-plus-js-logo-plus-98-js-org-all-text-as-paths.svg";
} else {
document.body.appendChild(rotologo);
// rotologo.src = "TODO://???/?=windows-98-logo-vector-by-pkmnct-plus-js-logo.svg"; // TODO!
// rotologo.src = "help/flag&clouds.gif";
// rotologo.style.mixBlendMode = "multiply";
// rotologo.style.mixBlendMode = "hard-light";
// rotologo.src = "images/tools-and-stuff.png";
rotologo.src = "images/readme/mobipaint .png";
rotologo.style.mixBlendMode = "multiply";
rotologo.src = "images/98-logo/windows-98-logo-vector-by-pkmnct-plus-js-logo-plus-98-js-org-all-text-as-paths.svg";
}

var animate = function () {
Expand All @@ -24,6 +17,7 @@ var create_rotologo = function () {
// };

var $rotologo = $(rotologo);
// TODO: fade in rotologo after a few seconds
$rotologo.css({
position: "absolute",
left: "50%",
Expand All @@ -48,7 +42,6 @@ var create_rotologo = function () {

var $window = parent.$(frameElement).closest(".window");
if($window.length){
//var offset = $window.offset();//position();
var el = $window[0];
var offsetLeft = 0;
var offsetTop = 0;
Expand Down Expand Up @@ -92,6 +85,7 @@ var start_movie = function () {
mixBlendMode: "multiply",
pointerEvents: "none",
transition: "opacity 0.4s ease",
// TODO: size video maybe with viewport units
});
// NOTE: placeholder not a container; the YT API replaces the element passed in the DOM
// but keeps inline styles apparently, and maybe other things, I don't know; it's weird
Expand Down Expand Up @@ -126,7 +120,6 @@ var start_movie = function () {
// 5. The API calls this function when the player's state changes.
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.ENDED) {
// $(player_container).remove();
player.destroy();
// TODO: fade to white instead of black, to work with the multiply effect
// or fade out opacity alternatively
Expand Down

0 comments on commit b85d402

Please sign in to comment.