https://vektorrascheln.de/bookart/

Scan ID:
242814a8-3d82-42b3-a49c-3e0d939cf71fFinished
Submitted URL:
https://vektorrascheln.de/bookart/
Report Finished:

The outgoing links identified from the page

JavaScript Variables · 38 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

Console log messages · 2 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="en"><head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="robots" content="index, follow">
  <meta name="copyright" content="CC-By-SA 4.0">
  <meta http-equiv="Referrer-Policy" content="no-referrer, strict-origin-when-cross-origin">
  <link rel="icon" type="image/png" href="/favicon.png">
  <link rel="preload" as="font" crossorigin="anonymous" href="/theme/fonts/NotoSansNormal700.woff2">
  <link rel="preload" as="font" crossorigin="anonymous" href="/theme/fonts/NotoSansNormal400.woff2">
  <link rel="preload" as="font" crossorigin="anonymous" href="/theme/fonts/AlexBrushRegular.woff">
  <link rel="preload" as="font" crossorigin="anonymous" href="/theme/fonts/LavoirSmallCaps.woff">
  <title>Bookart Generator</title>
  <link href="https://vektorrascheln.de/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="VektorRascheln Atom Feed">

<link rel="stylesheet" href="https://vektorrascheln.de/theme/css/main.min.css?dd652f69">
</head>

<body id="index" class="home">
  <div class="printheader" style="display:none;"><a href="https://vektorrascheln.de">Source: VektorRascheln.de (CC By SA 4.0 Maren Hachmann if not indicated otherwise)</a></div>
  <header id="banner">
    <img id="cornerimage" alt="" src="https://vektorrascheln.de/theme/images/decoration/blattecke.svg">
    <nav>
      <input type="checkbox" id="menu_toggle">
      <label for="menu_toggle" title="Toggle menu"> </label>
      <a class="homelink" href="https://vektorrascheln.de/">VektorRascheln</a>
      <ul>
        <li><a href="https://vektorrascheln.de/categories">Categories</a></li>
        <li class="active"><a href="https://vektorrascheln.de/bookart">Bookart</a></li>
        <li><a href="https://vektorrascheln.de/about">About </a></li>
        <li id="search">
          <form class="navbar-search" action="https://vektorrascheln.de/search"> <input type="search" class="search-query" placeholder="Search" name="q" id="tipue_search_input" pattern=".{3,}" title="At least 3 characters" required=""><input type="submit" class="search_icon" value=" "></form>
        </li>
      </ul>
    </nav>
    <div id="bannercontainer">
        <embed id="bannerimg" src="https://vektorrascheln.de/theme/images/decoration/bug_on_vine_wide.svg">
    </div><!-- /#bannercontainer -->
  </header><!-- /#banner -->

  <main>
    <article id="mainItem" class="content">
        <form id="bookartform" action="#" onsubmit="return false;">

        <fieldset>
            <legend>Your Book Art Project</legend>

            <p class="footnote">Don't know what this is about? Read about how to create bookart <a href="https://vektorrascheln.de/posts/2015/Dec/creating-bookart">here.</a></p>

            <h2>Step 1: Enter your data</h2>

            <div>
                <div class="clearfix">
                    <label for="projectname">Book Art Project Name:</label>
                    <input title="Please choose a name for your project" type="text" name="projectname" id="projectname" placeholder="My Book Art Project" maxlength="100" autofocus=" ">
                </div>

                <div class="clearfix">
                    <label for="firstpage">First even page number:</label>
                    <input title="The first even page number in your book. Use negative numbers for pages that come before the usual page counting starts (front matter)." type="number" name="firstpage" id="firstpage" min="-50" max="1500" step="2" value="2" required=" ">
                </div>

                <div class="clearfix">
                    <label for="lastpage">Last even page number:</label>
                    <input title="The last even page number in your book" type="number" name="lastpage" id="lastpage" min="2" max="2000" step="2" value="300" required=" ">
                </div>

                <div class="clearfix">
                    <label>Unit to use:</label>
                    <p title="Select a unit you want to use for folding">
                        <label for="cm">cm</label>
                        <input type="radio" name="units" id="cm" value="cm" checked="checked">
                        <label for="inch">inch</label>
                        <input type="radio" name="units" id="inch" value="inch">
                    </p>
                </div>

                <div class="clearfix">
                    <label for="bookheight">Height of the pages:</label>
                    <input title="Measure your book in the unit you indicated above" type="number" name="bookheight" id="bookheight" min="1" max="40" value="15.0" step="0.1" required=" ">
                </div>

                <div class="clearfix">
                    <label for="singleprecision">Single Precision:</label>
                    <p>
                        <input title="In the pattern file, all numbers will only have one digit after the decimal point." type="checkbox" name="singleprecision" id="singleprecision">
                    </p>
                </div>

                <div class="clearfix">
                    <label for="smoothe">Use smoothing:</label>
                    <p>
                        <input title="Tries to smoothe the image data, to remove artifacts. Merges two folds if they would be very close to each other. Experimental." type="range" value="0" name="smoothe" id="smoothe" min="0" max="20" step="1"><output id="smootheoutput" for="smoothe">0</output>
                    </p>
                </div>
            </div>

            <h2>Step 2: Select an image file</h2>

            <div>
                <div class="clearfix">
                    <label for="userimage">Your file:</label>
                    <div id="imageupload">
                        <canvas fallback="https://vektorrascheln.de/theme/images/bookart/bookart_noimage.png" id="selected_image" width="150" height="150"></canvas>
                        <input id="userimage" name="userimage" type="file" required=" " autocomplete="off">
                    </div>
                </div>
            </div>

            <div id="img_errorbox" class="error"></div>

            <h2>Step 3: Let the magic happen!</h2>

            <div class="centertext"><button id="startbutton" class="disabled">Create template!</button></div>

            <div id="errorbox" class="error"></div>

        </fieldset>
        </form>

        <section id="result">
                <h2>Preview Image</h2>
                <div class="canvaswrapper">
                  <canvas title="Preview for your pattern, each light grey line corresponds to one sheet of paper in the book. The darker lines are the parts that will stick out after folding." id="patternimage">
                      <p>Your browser does not support the canvas element.
                      Please use a modern browser for this web page.</p>
                  </canvas>
                </div>
                <a class="button" id="imagedlbutton" download="BookArtPreview.png">Download PNG image</a>

                <h2>Pattern</h2>
                <textarea title="Your pattern text file" id="patterntext"></textarea>
                <a class="button" id="textdlbutton" download="BookartPattern.txt">Download pattern file</a>
        </section>
    </article>
  </main>

  <hr id="footertopborder">
  <footer id="pagefooter">
    <section id="footercontent" class="content">
      Website creation powered by <a href="http://getpelican.com/">Pelican</a> and <a href="https://vektorrascheln.de/about#software">other free and open source software</a>!

      <div>
        <a class="social" href="https://vektorrascheln.de/feeds/all.atom.xml" title="Subscribe to all articles" type="application/atom+xml" rel="alternate"> </a>

        <a class="social" href="https://framapiaf.org/@Moini" title="Mastodon" rel="me"> </a>
        <a class="social" href="https://inkscape.org/~Moini" title="Moini@Inkscape"> </a>
        <a class="social" href="https://gitlab.com/Moini" title="Moini@gitlab"> </a>
        <a class="social" href="https://github.com/Moini" title="Moini@github"> </a>
        <a class="social" href="https://openclipart.org/artist/Moini" title="Moini@OCAL"> </a>
      </div>

      <a href="https://vektorrascheln.de/">Home</a> <a href="https://vektorrascheln.de/posts">Archives</a> <a href="https://vektorrascheln.de/tags">Tags</a> <a href="https://vektorrascheln.de/about">About</a> <a href="https://vektorrascheln.de/legal">Legal info</a> <a href="https://vektorrascheln.de/legal#dataprivacy">Privacy</a> <a href="https://vektorrascheln.de/impressum">Impressum</a> <a href="https://vektorrascheln.de/impressum#datenschutz">Datenschutz</a>
    </section><!-- /#footercontent -->

  </footer><!-- /#pagefooter -->

  <div class="btt-container"><a href="#banner" class="back-to-top" title="Back to top" aria-label="Back to top"><span class="btt-img"></span></a></div>

        <script src="https://vektorrascheln.de/theme/js/bookart.js"></script>




</body></html>