~misterio/misterio.me

396a64f7d503287ae750a7f1d8eabdc4efe717f4 — Gabriel Fontes a month ago 0448069
show info on the scheme
4 files changed, 33 insertions(+), 19 deletions(-)

M _main/_sass/main.scss
M _main/colorscheme.html
M flake.nix
M themes.nix
M _main/_sass/main.scss => _main/_sass/main.scss +7 -6
@@ 6,6 6,13 @@
@import "typography";
@import "utils";

#scheme-name:after {
  content: var(--scheme-name);
}
#scheme-author:after {
  content: var(--scheme-author);
}

// =============
// General stuff
// =============


@@ 104,12 111,6 @@ fieldset {
    color: var(--text-muted);
  }
  border: 2px dashed var(--background);
  &:hover {
    border-color: var(--background-alt);
    legend {
      color: var(--text-main);
    }
  }
}
// Make form have no styling, so it is more flexible
form {

M _main/colorscheme.html => _main/colorscheme.html +18 -13
@@ 14,8 14,13 @@ permalink: /colorscheme/
    </small>
  </legend>

  <p>
    Name: <span id="scheme-name"></span>
    <br />
    Author: <span id="scheme-author"></span>
  </p>

<p>
  <p>
    <span style="color: var(--base00)">█</span><!--
 --><span style="color: var(--base01)">█</span><!--
 --><span style="color: var(--base02)">█</span><!--


@@ 32,19 37,19 @@ permalink: /colorscheme/
 --><span style="color: var(--base0D)">█</span><!--
 --><span style="color: var(--base0E)">█</span><!--
 --><span style="color: var(--base0F)">█</span>
</p>
  </p>

<label class="colorscheme">
  <input class="colorscheme" id="scheme-input" list="scheme-list" />
</label>
  <label class="colorscheme">
    <input class="colorscheme" id="scheme-input" list="scheme-list" />
  </label>

<button id="scheme-random" class="random">
  Random
</button>
  <button id="scheme-random" class="random">
    Random
  </button>

<button id="scheme-default" hidden class="restore">
  Restore
</button>
  <button id="scheme-default" hidden class="restore">
    Restore
  </button>

</fieldset>



@@ 52,8 57,8 @@ permalink: /colorscheme/

<h3>A few links:</h3>
<p>
  <a href="">Internal link</a> -
  <a href="" class="file">File link</a> -
  <a href="#">Internal link</a> -
  <a href="/7088C7421873E0DB97FF17C2245CAB70B4C225E9.asc" class="file">File link</a> -
  <a href="https://usp.br">External link</a>
</p>


M flake.nix => flake.nix +6 -0
@@ 31,8 31,14 @@
            rm _main/_includes/scheme-datalist.html 2> /dev/null
            rm _main/{assets,_sass}/themes/* 2> /dev/null
            rm -r _site 2> /dev/null

          }

          while [ ! -f flake.nix ]; do
            echo "Looking for flake.nix, going one directory up"
            cd ..
          done

          cleanup

          mkdir _main/{assets,_sass}/themes -p

M themes.nix => themes.nix +2 -0
@@ 19,6 19,8 @@ stdenv.mkDerivation {
      jq -r '"
    /* \(.name) by \(.author) */
    @mixin theme_\(.slug) {
      --scheme-name: \"\(.name)\";
      --scheme-author: \"\(.author)\";
      --base00: #\(.colors.base00);
      --base01: #\(.colors.base01);
      --base02: #\(.colors.base02);