refactor(pages): refine LegalNotice page - www.armandphilippot.com

about summary refs log tree commit diff stats

diff options

author	Armand Philippot <git@armandphilippot.com>	2023-12-09 18:13:46 +0100
committer	Armand Philippot <git@armandphilippot.com>	2023-12-09 18:18:34 +0100
commit	cd2cb5748be9e9c479d9802dd3897de1cd1cbd9f (patch)
tree	29d0022f7beb1d365354079479f653cd4ff70ba9 /tests/msw
parent	2cc983064467fdef5630eeabc1a87d454afdb58d (diff)

refactor(pages): refine LegalNotice page

* remove unnecessary dependency (useRouter) * fix React errors (blurWidth/blurHeight) * complete Cypress tests

Diffstat (limited to 'tests/msw')

0 files changed, 0 insertions, 0 deletions

='n76' href='#n76'>76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Color Cycle</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body class="body">
    <header class="header">
      <h1 class="branding">Color Cycle</h1>
    </header>
    <main class="main">
      <div class="color-cycle">
        <div class="color-cycle__preview">
          <div class="preview"></div>
          <button class="btn" type="button">Start</button>
        </div>
        <form action="" class="color-cycle__settings form">
          <fieldset class="form__fieldset">
            <legend class="form__legend">Hex Color</legend>
            <div class="form__item">
              <label for="color-red" class="form__label">Red</label
              ><input
                type="text"
                name="color-red"
                id="color-red"
                class="form__input"
                size="2"
                value="FF"
              />
            </div>
            <div class="form__item">
              <label for="color-green" class="form__label">Green</label
              ><input
                type="text"
                name="color-green"
                id="color-green"
                class="form__input"
                size="2"
                value="FF"
              />
            </div>
            <div class="form__item">
              <label for="color-blue" class="form__label">Blue</label
              ><input
                type="text"
                name="color-blue"
                id="color-blue"
                class="form__input"
                size="2"
                value="FF"
              />
            </div>
          </fieldset>
          <fieldset class="form__fieldset">
            <legend class="form__legend">Increment</legend>
            <div class="form__item">
              <label for="increment-red" class="form__label">Red</label
              ><input
                type="number"
                name="increment-red"
                id="increment-red"
                class="form__input"
                size="2"
                value="0"
              />
            </div>
            <div class="form__item">
              <label for="increment-green" class="form__label">Green</label
              ><input
                type="number"
                name="increment-green"
                id="increment-green"
                class="form__input"
                size="2"
                value="0"
              />
            </div>
            <div class="form__item">
              <label for="increment-blue" class="form__label">Blue</label
              ><input
                type="number"
                name="increment-blue"
                id="increment-blue"
                class="form__input"
                size="2"
                value="0"
              />
            </div>
          </fieldset>
          <fieldset class="form__fieldset">
            <legend class="form__legend">Time</legend>
            <div class="form__item">
              <label for="time-interval" class="form__label"
                >Interval (ms)</label
              >
              <input
                type="range"
                name="time-interval"
                id="time-interval"
                min="1"
                max="1000"
                value="250"
              />
            </div>
          </fieldset>
        </form>
      </div>
    </main>
    <footer class="footer">
      <p class="copyright">Color Cycle. MIT 2021. Armand Philippot.</p>
    </footer>
    <script src="app.js"></script>
  </body>
</html>


context:
space:
mode: