echostyle documentation

echostyle is a CSS theme for small portfolios that people decide to build

"desk" class

when you first import the CSS, you'll notice that there's nothing visible other than a white page. to fix that, you'll need to add the following attribute to the <body> tag:

class="desk"

this class basically defines the background of the entire thing. you can modify the background image by either adding a "style" attribute, or by tweaking the CSS file

"window" class

the window class is used when making the main <div> containing the actual content of the portfolio. it can be set by adding the following attribute:

class="window"

buttons

buttons, only work properly when defined as a button using the <button> tag instead of <a class="btn (or button)">. you'll need to define a button using the button tag.

code

you spawn a normal one-line code block by using <code> text </code>
for code blocks, you spawn a div with the class "codeblock"

how 2 add??!

to add the CSS theme to your website, you'll need to include:

  • the CSS itself
  • the "Fragment Mono" font

    • the easiest way to do this is by adding the following to <head>:

    <link rel="stylesheet" href="https://raiz1.noho.st/gotthard/Other/Styles/Websites/echostyle/style.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Fragment+Mono:ital@0;1&display=swap" rel="stylesheet">

    for the stylesheet itself, if you want to be guaranteed to receive updates automatically, instead of Raíz1's Gotthard file server, use either of the two as sources:

    https://kevadesu.github.io/echostyle/style.css https://kevadesu.github.io/style.css

    Made by kevadesu, 2024. The Z6XdL license applies.