~cadence/crumpet

fcaa29fc61910e587a7c59ef5df65b9d76836f1c — Cadence Ember 10 months ago aaa8325
Add prose explaining directories
3 files changed, 109 insertions(+), 2 deletions(-)

M root/configure/configure.css
M root/configure/configure.org
M root/configure/index.html
M root/configure/configure.css => root/configure/configure.css +27 -2
@@ 1,7 1,7 @@
body {
    font-size: 20px;
    display: flex;
    justify-content: center;
    max-width: 500px;
    margin: 10px auto;
}

button, input {


@@ 36,3 36,28 @@ button, input {
    color: #900;
    font-weight: bold;
}

details:not([open]) summary {
    border-radius: 8px;
}

summary {
    margin-top: 16px;
    padding: 8px 16px;
    border-radius: 8px 8px 0px 0px;
    background: #e8e4e4;
}

.contents {
    padding: 8px 16px 16px;
    background: #e8e4e4;
    border-radius: 0px 0px 8px 8px;
}

.contents p:first-child {
    margin-top: 0;
}

.contents p:last-child {
    margin-bottom: 0;
}

M root/configure/configure.org => root/configure/configure.org +35 -0
@@ 12,6 12,41 @@ html
  body
    section.horizontal-container#card-container
      noscript JavaScript is required to use Crumpet.
    section.help
      details
        summary What is this?
        .contents
          p.
            Crumpet needs to find the Return To Wonderland installation
            folder on your computer so that it can verify game files and
            save CustomLevels.
          p.
            If this is your first time using Crumpet, it will try to
            automatically detect where the folder is, and put the folder
            path into the input box.
          p.
            If the automatically detected value looks good to you, you
            can just click continue.
          p.
            If the text box is empty, or the automatically detected
            value doesn\'t work, you will need to manually enter the
            right value.
        details
          summary How do I manually set it?
          .contents
            p.
              You need to use your computer\'s file manager to find where
              Return To Wonderland is installed. The folder you are looking
              for is the folder that #[em contains] the CustomLevels folder.
            p.
              Once you\'ve found it, click on a blank space within the file
              manager\'s location bar. The location bar is the horizontal
              bar near the top that shows you which folder you are in. If
              you did it right, the text inside the bar will move and become
              highlighted.
            p.
              The final step is to copy and paste the value into the text
              box on this page. You can now continue and use Crumpet!
' | pug
#+END_SRC


M root/configure/index.html => root/configure/index.html +47 -0
@@ 10,5 10,52 @@
    <section class="horizontal-container" id="card-container">
      <noscript>JavaScript is required to use Crumpet.</noscript>
    </section>
    <section class="help">
      <details>
        <summary>What is this?</summary>
        <div class="contents">
          <p>
            Crumpet needs to find the Return To Wonderland installation
            folder on your computer so that it can verify game files and
            save CustomLevels.
          </p>
          <p>
            If this is your first time using Crumpet, it will try to
            automatically detect where the folder is, and put the folder
            path into the input box.
          </p>
          <p>
            If the automatically detected value looks good to you, you
            can just click continue.
          </p>
          <p>
            If the text box is empty, or the automatically detected
            value doesn't work, you will need to manually enter the
            right value.
          </p>
        </div>
        <details>
          <summary>How do I manually set it?</summary>
          <div class="contents">
            <p>
              You need to use your computer's file manager to find where
              Return To Wonderland is installed. The folder you are looking
              for is the folder that <em>contains</em> the CustomLevels folder.
            </p>
            <p>
              Once you've found it, click on a blank space within the file
              manager's location bar. The location bar is the horizontal
              bar near the top that shows you which folder you are in. If
              you did it right, the text inside the bar will move and become
              highlighted.
            </p>
            <p>
              The final step is to copy and paste the value into the text
              box on this page. You can now continue and use Crumpet!
            </p>
          </div>
        </details>
      </details>
    </section>
  </body>
</html>