https://vektorrascheln.de/bookart/

Eingereichte URL:
https://vektorrascheln.de/bookart/
Bericht beendet:

Die von der Seite ausgehenden identifizierten Links

LinkText
http://getpelican.com/Pelican
https://framapiaf.org/@Moini
https://inkscape.org/~Moini
https://gitlab.com/Moini
https://github.com/Moini
https://openclipart.org/artist/Moini

JavaScript-Variablen · 38 gefunden

Globale JavaScript-Variablen, die in das Window Object einer Seite geladen werden, sind Variablen, die außerhalb von Funktionen deklariert werden und von jeder Stelle des Codes innerhalb des aktuellen Bereichs zugänglich sind

NameTyp
0object
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
canvasobject
ctxobject
userimageundefined
userfilenameundefined
selected_canvasobject
selected_ctxobject

Konsolenprotokoll-Meldungen · 2 gefunden

In der Web-Konsole protokollierte Meldungen

TypKategorieProtokoll
warningother
Text
Error with Permissions-Policy header: Origin trial controlled feature not enabled: 'interest-cohort'.
warningother
Text
Error with Permissions-Policy header: Origin trial controlled feature not enabled: 'interest-cohort'.

HTML

Der HTML-Rohtext der Seite

<!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>