☰

osu-website-rework

no offense but this web rework looks awful

// ==UserScript==
// @name         osu-website-rework
// @namespace    http://kai-huang.com/
// @version      1.2
// @description  no offense but this web rework looks awful
// @author       ThunderBird2678
// @match        https://osu.ppy.sh/*
// @require      https://code.jquery.com/jquery-3.6.0.slim.min.js
// @icon         https://www.google.com/s2/favicons?sz=64&domain=ppy.sh
// @grant        GM_addStyle
// @grant        GM_getResourceText
// @resource     customCSS   https://raw.githubusercontent.com/k74huang/osu-website-rework/main/additionalstyles.css
// ==/UserScript==
/* globals jQuery, $, waitForKeyElements */

$.fn.exists = function () {
  return this.length !== 0;
};

$(window).on("load", function () {
  var cssTxt  = GM_getResourceText("customCSS");
  GM_addStyle (cssTxt);
  // move where the global / country ranks are
  $(".profile-detail__chart-numbers")
    .has('div:contains("Global Ranking")')
    .detach()
    .appendTo("div .profile-info__details")
    .css("padding-right", "20px");

  console.log($(".profile-detail__chart-numbers").exists());

  // add more padding to badges display and add bottom border
  $(".profile-badges").css("padding", "10px 0 20px 0");
  $(".profile-badges").css("border-bottom", "2px solid hsl(var(--hsl-b6))");

  $(".profile-stats").css("margin-left", "30px").css("margin-top", "10px");
  $(".profile-detail__separator").detach();

  $(".profile-detail__stats").css("gap", "0px");
  $(".profile-detail").css("gap", "0px");
  $(".profile-detail").css("padding-bottom", "20px");
  $(".profile-detail").css("display", "flex");

  $(".profile-detail__chart-numbers")
    .has('div:contains("Medals")')
    .after($(".profile-detail__chart"))
    .css("padding-top", "20px")
    .css("padding-bottom", "20px");

  $(".profile-detail__values")
    .has('div:contains("Medals")')
    .css("transform", "scale(1.1, 1.1)")
    .css("padding-left", "15px");

  $('dt:contains("Replays Watched by Others")').text("Replays Watched");

  var wrapper = $(document.createElement("div"));
  $(".profile-badges").detach().appendTo(wrapper);
  $(".profile-detail__stats").detach().appendTo(wrapper);
  wrapper.css("display", "flex");
  wrapper.css("flex-direction", "column");
  wrapper.css("flex-grow", "1");
  wrapper.css("max-width", "74%");

  wrapper.appendTo(".profile-detail");
  $(".profile-stats")
    .detach()
    .appendTo(".profile-detail")
    .css("display", "flex")
    .css("flex-direction", "column")
    .css("gap", "0");
  $(".profile-stats__entry").css("display", "flex").css("margin-bottom", "5px");

  $("dt").css("flex-grow", "1");
  $("dd").css("margin-left", "revert").css("text-align", "end");
});