Untitled

From Sloppy Pintail, 3 Years ago, written in Plain Text.

Embed

Download Paste or View Raw
Hits: 63

<!DOCTYPE html>

<html lang="en">

<head>

<title>JLPT: Self-Assessment Form</title>

<link rel="preconnect" href="https://fonts.gstatic.com">

<link href="https://fonts.googleapis.com/css2?family=Lato&family=Oswald&display=swap" rel="stylesheet">

<style>

:root {

--color-divbg: #33333d;

--color-mainbg: #000000;

}

* {

box-sizing: border-box;

}

body {

background-color: var(--color-mainbg);

color: white;

}

p,

label {

display: block;

font-family: 'Lato', sans-serif;

font-size:1.1rem;

margin: 0;

line-height: 1.5em;

}

h1,

h2 {

font-family: 'Oswald', sans-serif;

line-height: 0.5em;

margin-top: 0;

}

a:visited {

color: #e7e7e7;

}

button {

padding: 15px;

font-family: 'Oswald', sans-serif;

font-size: inherit;

border-radius: 5px;

}

select,

#survey-form,

#submit,

#name,

#email,

#number,

#further-comments {

width: 100%;

}

#title,

#description {

text-align: center;

}

#submit:hover {

transform: scale(1.02);

}

.container {

width: 100%;

margin: auto;

background-color: var(--color-divbg);

border-radius: 10px;

padding: 20px;

}

@media (min-width:500px) {

.container {

max-width: 480px;

}

}

@media (min-width: 800px) {

.container {

max-width: 750px;

}

}

</style>

</head>

<body>

<h1 id="title">JLPT Study Self-Assessment Form</h1>

<p id="description">Thank you for helping us improve our service</p>

<br><br>

<div class="container">

<form id="survey-form" action="/submit-form">

<h2>Personal Information</h2>

<label for="name" id="name-label">Name</label>

<input name="name-enter" id="name" type="text" placeholder="Enter your name" required>

<br><br>



<label for="email" id="email-label">Email</label>

<input name="email-enter" id="email" type="email" placeholder="Enter your email" required>

<br><br><br>

<h2>Language Ability</h2>



<label for="number" id="number-label">What is your estimated known vocabulary?</label>

<input name="number-enter" placeholder="Enter the number" type="number" id="number" min="1" max="100000"><br><br>

<p>What did you base this number on?</p>

<label for="based-on-anki">

<input id="based-on-anki"

type="radio"

name="vocab-based-on"

value="based-on-anki"> Number of Anki cards

</label>

<label for="based-on-test">

<input id="based-on-test"

type="radio"

name="vocab-based-on"

value="based-on-test"> <a href="https://glenn-sun.github.io/japanese-vocab-test/">Vocab Assessment Test</a> (click to take)

</label>

<label for="based-on-guess">

<input id="based-on-guess"

type="radio"

name="vocab-based-on"

value="based-on-guess"> No

</label>

<br>



<p>How would you assess your Grammar level before starting with our methods?</p>

<select name="grammar-before" id="dropdown">

<option value="below-n5">Below N5</option>

<option value="n5">N5</option>

<option value="n4">N4</option>

<option value="n3">N3</option>

<option value="n2">N2</option>

<option value="n1">N1</option>

<option value="above-n1">Significantly above N1</option>

</select>

<br><br>

<p>How would you assess your Grammar level after starting with our methods?</p>

<select name="grammar-after" id="dropdown2">

<option value="below-n5">Below N5</option>

<option value="n5">N5</option>

<option value="n4">N4</option>

<option value="n3">N3</option>

<option value="n2">N2</option>

<option value="n1">N1</option>

<option value="above-n1">Significantly above N1</option>

</select>

<br><br>



<p>What would you like to do more of in the future?<p>

<label for="grammar">

<input id="grammar" type="checkbox" value="want-to-do">Study grammar points

</label>

<label for="vocab">

<input id="vocab" type="checkbox" value="want-to-do">More Anki vocab

</label>

<label for="immersion">

<input id="immersion" type="checkbox" value="want-to-do">More immersion

</label>

<label for="conversation">

<input id="conversation" type="checkbox" value="want-to-do">More conversation practice

</label>

<label for="nothing">

<input id="nothing" type="checkbox" value="want-to-do">Nothing really, the current program is good

</label>

<br>

<p>Further Comments</p>

<textarea id="further-comments" name="further-comments" rows="4" cols="50" maxlength="1000" placeholder="What else is on your mind..."></textarea>

<br><br><br>

<h2>Privacy</h2>

<p>Can we use your responses as testimonials for our service?</p>

<label for="use-with-name">

<input id="use-with-name" type="radio" name="testimonial-permission" value="use-with-name"> Yes, with my name

</label>

<label for="use-without-name">

<input id="use-without-name" type="radio" name="testimonial-permission" value="use-without-name"> Yes, anonymously

</label>

<label for="dont-use">

<input id="dont-use" type="radio" name="testimonial-permission" value="dont-use"> No

</label>

<br>

<p>Can we get in contact with you to ask more questions about your experience?</p>

<label for="can-contact">

<input id="can-contact" type="radio" name="contact-permission" value="can-contact"> Yes

</label>

<label for="cannot-contact">

<input id="cannot-contact" type="radio" name="contact-permission" value="cannot-contact"> No

</label>

<br>

<button type="submit" id="submit">Submit</button>

</form>

</div>

</body>

</html>

Author

Title

Language

Your paste - Paste your paste here

&lt;!DOCTYPE html&gt;

&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
    
    &lt;title&gt;JLPT: Self-Assessment Form&lt;/title&gt;

&lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.gstatic.com&quot;&gt;
    &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Lato&amp;family=Oswald&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;

&lt;style&gt;
        :root {
            --color-divbg: #33333d;
            --color-mainbg: #000000;
        }

* {
            box-sizing: border-box;
        }

body {
            background-color: var(--color-mainbg);
            color: white;
        }
        
        p,
        label {
            display: block;
            font-family: 'Lato', sans-serif;
            font-size:1.1rem;
            margin: 0;
            line-height: 1.5em;
        }

h1, 
        h2 {
            font-family: 'Oswald', sans-serif;
            line-height: 0.5em;
            margin-top: 0;
        }

a:visited {
            color: #e7e7e7;
        }

button {
            padding: 15px;
            font-family: 'Oswald', sans-serif;
            font-size: inherit;
            border-radius: 5px;
        }

select, 
        #survey-form, 
        #submit, 
        #name, 
        #email, 
        #number, 
        #further-comments {
            width: 100%;
        }

#title,
        #description {
            text-align: center;
        }

#submit:hover {
            transform: scale(1.02);
        }

.container {
            width: 100%;
            margin: auto;
            background-color: var(--color-divbg);
            border-radius: 10px;
            padding: 20px;
        }

@media (min-width:500px) {
            .container {
                max-width: 480px;
            }
        }

@media (min-width: 800px) {
            .container {
                max-width: 750px;
            }
        }
    &lt;/style&gt;
&lt;/head&gt;

&lt;body&gt;
    &lt;h1 id=&quot;title&quot;&gt;JLPT Study Self-Assessment Form&lt;/h1&gt;
    &lt;p id=&quot;description&quot;&gt;Thank you for helping us improve our service&lt;/p&gt;
    &lt;br&gt;&lt;br&gt;

&lt;div class=&quot;container&quot;&gt;
        &lt;form id=&quot;survey-form&quot; action=&quot;/submit-form&quot;&gt;
            &lt;h2&gt;Personal Information&lt;/h2&gt;
            &lt;label for=&quot;name&quot; id=&quot;name-label&quot;&gt;Name&lt;/label&gt;
            &lt;input name=&quot;name-enter&quot; id=&quot;name&quot; type=&quot;text&quot; placeholder=&quot;Enter your name&quot; required&gt;

&lt;br&gt;&lt;br&gt;

&lt;!--email--&gt;
            &lt;label for=&quot;email&quot; id=&quot;email-label&quot;&gt;Email&lt;/label&gt;
            &lt;input name=&quot;email-enter&quot; id=&quot;email&quot; type=&quot;email&quot; placeholder=&quot;Enter your email&quot; required&gt;
            &lt;br&gt;&lt;br&gt;&lt;br&gt;

&lt;h2&gt;Language Ability&lt;/h2&gt;
            &lt;!--vocab--&gt;
            &lt;label for=&quot;number&quot; id=&quot;number-label&quot;&gt;What is your estimated known vocabulary?&lt;/label&gt;
            &lt;input name=&quot;number-enter&quot; placeholder=&quot;Enter the number&quot; type=&quot;number&quot; id=&quot;number&quot; min=&quot;1&quot; max=&quot;100000&quot;&gt;&lt;br&gt;&lt;br&gt;

&lt;p&gt;What did you base this number on?&lt;/p&gt;
            &lt;label for=&quot;based-on-anki&quot;&gt;
                &lt;input id=&quot;based-on-anki&quot; 
                type=&quot;radio&quot; 
                name=&quot;vocab-based-on&quot; 
                value=&quot;based-on-anki&quot;&gt; Number of Anki cards
            &lt;/label&gt;
            &lt;label for=&quot;based-on-test&quot;&gt;
                &lt;input id=&quot;based-on-test&quot; 
                type=&quot;radio&quot; 
                name=&quot;vocab-based-on&quot; 
                value=&quot;based-on-test&quot;&gt; &lt;a href=&quot;https://glenn-sun.github.io/japanese-vocab-test/&quot;&gt;Vocab Assessment Test&lt;/a&gt; (click to take)
            &lt;/label&gt;
            &lt;label for=&quot;based-on-guess&quot;&gt;
                &lt;input id=&quot;based-on-guess&quot; 
                type=&quot;radio&quot; 
                name=&quot;vocab-based-on&quot; 
                value=&quot;based-on-guess&quot;&gt; No
            &lt;/label&gt;
            
            &lt;br&gt;

&lt;!--grammar level--&gt;
            &lt;p&gt;How would you assess your Grammar level before starting with our methods?&lt;/p&gt;
            &lt;select name=&quot;grammar-before&quot; id=&quot;dropdown&quot;&gt;
                &lt;option value=&quot;below-n5&quot;&gt;Below N5&lt;/option&gt;
                &lt;option value=&quot;n5&quot;&gt;N5&lt;/option&gt;
                &lt;option value=&quot;n4&quot;&gt;N4&lt;/option&gt;
                &lt;option value=&quot;n3&quot;&gt;N3&lt;/option&gt;
                &lt;option value=&quot;n2&quot;&gt;N2&lt;/option&gt;
                &lt;option value=&quot;n1&quot;&gt;N1&lt;/option&gt;
                &lt;option value=&quot;above-n1&quot;&gt;Significantly above N1&lt;/option&gt;
            &lt;/select&gt;
            &lt;br&gt;&lt;br&gt;

&lt;p&gt;How would you assess your Grammar level after starting with our methods?&lt;/p&gt;
            &lt;select name=&quot;grammar-after&quot; id=&quot;dropdown2&quot;&gt;
                &lt;option value=&quot;below-n5&quot;&gt;Below N5&lt;/option&gt;
                &lt;option value=&quot;n5&quot;&gt;N5&lt;/option&gt;
                &lt;option value=&quot;n4&quot;&gt;N4&lt;/option&gt;
                &lt;option value=&quot;n3&quot;&gt;N3&lt;/option&gt;
                &lt;option value=&quot;n2&quot;&gt;N2&lt;/option&gt;
                &lt;option value=&quot;n1&quot;&gt;N1&lt;/option&gt;
                &lt;option value=&quot;above-n1&quot;&gt;Significantly above N1&lt;/option&gt;
            &lt;/select&gt;

&lt;br&gt;&lt;br&gt;
            &lt;!--checkboxes--&gt;
            &lt;p&gt;What would you like to do more of in the future?&lt;p&gt;
            &lt;label for=&quot;grammar&quot;&gt;
                &lt;input id=&quot;grammar&quot; type=&quot;checkbox&quot; value=&quot;want-to-do&quot;&gt;Study grammar points
            &lt;/label&gt;
            &lt;label for=&quot;vocab&quot;&gt;
                &lt;input id=&quot;vocab&quot; type=&quot;checkbox&quot; value=&quot;want-to-do&quot;&gt;More Anki vocab
            &lt;/label&gt;
            &lt;label for=&quot;immersion&quot;&gt;
                &lt;input id=&quot;immersion&quot; type=&quot;checkbox&quot; value=&quot;want-to-do&quot;&gt;More immersion
            &lt;/label&gt;
            &lt;label for=&quot;conversation&quot;&gt;
                &lt;input id=&quot;conversation&quot; type=&quot;checkbox&quot; value=&quot;want-to-do&quot;&gt;More conversation practice
            &lt;/label&gt;
            &lt;label for=&quot;nothing&quot;&gt;
                &lt;input id=&quot;nothing&quot; type=&quot;checkbox&quot; value=&quot;want-to-do&quot;&gt;Nothing really, the current program is good
            &lt;/label&gt;
            
            &lt;br&gt;

&lt;p&gt;Further Comments&lt;/p&gt;
            &lt;textarea id=&quot;further-comments&quot; name=&quot;further-comments&quot; rows=&quot;4&quot; cols=&quot;50&quot; maxlength=&quot;1000&quot; placeholder=&quot;What else is on your mind...&quot;&gt;&lt;/textarea&gt;

&lt;br&gt;&lt;br&gt;&lt;br&gt;

&lt;h2&gt;Privacy&lt;/h2&gt;
            &lt;p&gt;Can we use your responses as testimonials for our service?&lt;/p&gt;
            &lt;label for=&quot;use-with-name&quot;&gt;
                &lt;input id=&quot;use-with-name&quot; type=&quot;radio&quot; name=&quot;testimonial-permission&quot; value=&quot;use-with-name&quot;&gt; Yes, with my name
            &lt;/label&gt;
            &lt;label for=&quot;use-without-name&quot;&gt;
                &lt;input id=&quot;use-without-name&quot; type=&quot;radio&quot; name=&quot;testimonial-permission&quot; value=&quot;use-without-name&quot;&gt; Yes, anonymously
            &lt;/label&gt;
            &lt;label for=&quot;dont-use&quot;&gt;
                &lt;input id=&quot;dont-use&quot; type=&quot;radio&quot; name=&quot;testimonial-permission&quot; value=&quot;dont-use&quot;&gt; No
            &lt;/label&gt;

&lt;br&gt;

&lt;p&gt;Can we get in contact with you to ask more questions about your experience?&lt;/p&gt;
            &lt;label for=&quot;can-contact&quot;&gt;
                &lt;input id=&quot;can-contact&quot; type=&quot;radio&quot; name=&quot;contact-permission&quot; value=&quot;can-contact&quot;&gt; Yes
            &lt;/label&gt;
            &lt;label for=&quot;cannot-contact&quot;&gt;
                &lt;input id=&quot;cannot-contact&quot; type=&quot;radio&quot; name=&quot;contact-permission&quot; value=&quot;cannot-contact&quot;&gt; No
            &lt;/label&gt;

&lt;br&gt;

&lt;button type=&quot;submit&quot; id=&quot;submit&quot;&gt;Submit&lt;/button&gt;
        &lt;/form&gt;
    &lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;

Private - Private paste aren't shown in recent listings.

Delete After - When should we delete your paste?

Spam protection -

Reply to "Untitled"