UnderCover/undercover/templates/writing.jinja2

<!doctype html>
<html lang="en">

<head>
  <title>UnderCover</title>
  <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles_min.css') }}">
  <link rel="icon" href="{{ url_for('static', filename='favicon.png') }}" />
  <meta name="viewport" content="user-scalable=no; width=device-width">

  <script type="text/javascript">
    window.onload = () => {
      {% if errors %}
      window.scrollTo(0, document.body.scrollHeight);
      {% endif %}

      if (window.location.search.includes("reset=true")) {
        window.history.pushState({}, document.title, window.location.pathname);
        return;
      }
      decodeURIComponent(document.cookie).split(';').forEach(cookie => {
        [id, value] = cookie.trim().split('=')
        if (!id || !value) {
          return
        }
        const e = document.getElementById(id)
        if (e) {
          e.value = value
        }
      })
    }

    const clearErrors = () => {
      const e = document.getElementById('errors')
      e.parentNode.removeChild(e)
    }
  </script>
</head>

<body>
  <a href="/" style="text-decoration: none;">
    <h1><span class="logo left">Under</span><span class="logo right">Cover</span></h1>
  </a>
  <h2>The secret cover letter generator</h2>
  {% if username %}
    <div class="user logged-in">
      <p>You are logged in as {{ username }}</p>
      <form action="/logout">
        <input type="submit" value="Logout">
      </form>
    </div>
  {% else %}
      <div class="user logged-out">
        <p>You are here as a guest.</p>
        <form action="/login">
          <label for="username">Username: </label>
          <input id="username" maxlength="32" minlength="4" name="username" type="text" placeholder="sagev9000">

          <label for="password">Password: </label>
          <input id="password" maxlength="32" minlength="4" name="password" type="password">

          <input type="submit" value="Logout">
        </form>
      </div>
  {% endif %}

  {% from "_formhelpers.jinja2" import render_field %}
  <form method=post id="letter-form">
    <dl>
      {{ render_field(form.username) }}
      {{ render_field(form.company) }}
      {{ render_field(form.jobAndPronoun) }}
      {{ render_field(form.skillTypes) }}
      {{ render_field(form.mySkills) }}
      {{ render_field(form.body, 'class=bigtext') }}
      {{ render_field(form.closingText) }}
    </dl>

    {% if errors %}
      <div id=errors>
        <h3>Your letter has errors.</h3>
        <p>
          There is likely a typo in one of your variables (the {\blabla} bits).<br>
          Make sure each is spelled correctly, and has the correct brackets on either side
        </p>
        <p class=errors>
          {% for error in errors %}
            {{ error }}<br>
          {% endfor %}
        </p>
      </div>
    {% endif %}

    <a href="javascript:void(0)"
       class="wipe up-wipe"
      {% if errors %}
        onclick="clearErrors();document.getElementById('letter-form').submit()"
      {% else %}
        onclick="document.getElementById('letter-form').submit()"
      {% endif %}
    >Generate PDF</a>
  </form>
</body>

</html>
Init commit TODO: Collect form data, process data into latex renderables, generate unique id when submitting, styling, etc. 2021-07-23 17:30:15 -04:00			`<!doctype html>`
Add basic CSS minification. Added correct lang writing.html 2021-07-28 22:50:30 -04:00			`<html lang="en">`
Several fixes and improvements. "Better" CSS minifying. Adjust psycopg imports and some usages. Fix viewport scaling for mobile. Switch gunicorn to default https port when running in prod. Correct /dbtest route and add simple /update skeleton 2022-09-22 11:05:17 -04:00
Init commit TODO: Collect form data, process data into latex renderables, generate unique id when submitting, styling, etc. 2021-07-23 17:30:15 -04:00			`<head>`
Rename .html files to .jinja2. Add <title> to main page. Small style tweaks. 2022-09-22 16:11:26 -04:00			`<title>UnderCover</title>`
More spacing fixes. This time in _formhelpers 2022-09-22 16:30:14 -04:00			`<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles_min.css') }}">`
Add favicon. 2022-09-23 12:00:59 -04:00			`<link rel="icon" href="{{ url_for('static', filename='favicon.png') }}" />`
Significant writing.jinja2 cleanup. 2022-09-22 16:23:01 -04:00			`<meta name="viewport" content="user-scalable=no; width=device-width">`

Save/fetch previous data. Better style. Unique IDs 2021-07-24 14:51:13 -04:00			`<script type="text/javascript">`
Significant writing.jinja2 cleanup. 2022-09-22 16:23:01 -04:00			`window.onload = () => {`
Color and notate errors. Clear them on submit 2021-07-28 18:43:19 -04:00			`{% if errors %}`
			`window.scrollTo(0, document.body.scrollHeight);`
			`{% endif %}`
Significant writing.jinja2 cleanup. 2022-09-22 16:23:01 -04:00
Fix bug with loading data from cookies Bit of groundwork for an actual reset button 2021-07-31 19:18:54 -04:00			`if (window.location.search.includes("reset=true")) {`
Fix some indentation/spacing 2022-09-22 16:27:47 -04:00			`window.history.pushState({}, document.title, window.location.pathname);`
			`return;`
Better styling, variable syntax, and cookies Adjusted text sizes on mobile. New default variable syntax makes for more consistent whitespace (allowing for simpler internal code). JS won't load cookies if the company name is unchanged from the default. 2021-07-25 14:59:01 -04:00			`}`
Significant writing.jinja2 cleanup. 2022-09-22 16:23:01 -04:00			`decodeURIComponent(document.cookie).split(';').forEach(cookie => {`
			`[id, value] = cookie.trim().split('=')`
Animated generate button 2022-09-23 09:22:27 -04:00			`if (!id \|\| !value) {`
			`return`
			`}`
			`const e = document.getElementById(id)`
			`if (e) {`
			`e.value = value`
			`}`
Less naive cookie processing Remove some unnecessary whitespace 2021-07-31 22:27:51 -04:00			`})`
Save/fetch previous data. Better style. Unique IDs 2021-07-24 14:51:13 -04:00			`}`
Significant writing.jinja2 cleanup. 2022-09-22 16:23:01 -04:00
			`const clearErrors = () => {`
Fix some indentation/spacing 2022-09-22 16:27:47 -04:00			`const e = document.getElementById('errors')`
			`e.parentNode.removeChild(e)`
Significant writing.jinja2 cleanup. 2022-09-22 16:23:01 -04:00			`}`
Save/fetch previous data. Better style. Unique IDs 2021-07-24 14:51:13 -04:00			`</script>`
Init commit TODO: Collect form data, process data into latex renderables, generate unique id when submitting, styling, etc. 2021-07-23 17:30:15 -04:00			`</head>`
Several fixes and improvements. "Better" CSS minifying. Adjust psycopg imports and some usages. Fix viewport scaling for mobile. Switch gunicorn to default https port when running in prod. Correct /dbtest route and add simple /update skeleton 2022-09-22 11:05:17 -04:00
Init commit TODO: Collect form data, process data into latex renderables, generate unique id when submitting, styling, etc. 2021-07-23 17:30:15 -04:00			`<body>`
Disable text-selection on main h1. Have logo link back to / 2022-09-22 11:57:30 -04:00			`<a href="/" style="text-decoration: none;">`
A bit better desktop styling. Extract logo styles to css. Submit -> Generate PDF Also fix some funky example text. 2022-09-22 15:12:54 -04:00			`<h1><span class="logo left">Under</span><span class="logo right">Cover</span></h1>`
Significant writing.jinja2 cleanup. 2022-09-22 16:23:01 -04:00			`</a>`
Several fixes and improvements. "Better" CSS minifying. Adjust psycopg imports and some usages. Fix viewport scaling for mobile. Switch gunicorn to default https port when running in prod. Correct /dbtest route and add simple /update skeleton 2022-09-22 11:05:17 -04:00			`<h2>The secret cover letter generator</h2>`
Display username when logged in. 2022-09-23 14:14:06 -04:00			`{% if username %}`
Add basic login/logout forms. The new forms need better styling. Remove index_cache. 2022-09-23 15:02:15 -04:00			`<div class="user logged-in">`
			`<p>You are logged in as {{ username }}</p>`
			`<form action="/logout">`
			`<input type="submit" value="Logout">`
			`</form>`
			`</div>`
			`{% else %}`
			`<div class="user logged-out">`
			`<p>You are here as a guest.</p>`
			`<form action="/login">`
			`<label for="username">Username: </label>`
			`<input id="username" maxlength="32" minlength="4" name="username" type="text" placeholder="sagev9000">`

			`<label for="password">Password: </label>`
			`<input id="password" maxlength="32" minlength="4" name="password" type="password">`

			`<input type="submit" value="Logout">`
			`</form>`
			`</div>`
Display username when logged in. 2022-09-23 14:14:06 -04:00			`{% endif %}`
Significant writing.jinja2 cleanup. 2022-09-22 16:23:01 -04:00
Rename .html files to .jinja2. Add <title> to main page. Small style tweaks. 2022-09-22 16:11:26 -04:00			`{% from "_formhelpers.jinja2" import render_field %}`
Animated generate button 2022-09-23 09:22:27 -04:00			`<form method=post id="letter-form">`
Several fixes and improvements. "Better" CSS minifying. Adjust psycopg imports and some usages. Fix viewport scaling for mobile. Switch gunicorn to default https port when running in prod. Correct /dbtest route and add simple /update skeleton 2022-09-22 11:05:17 -04:00			`<dl>`
			`{{ render_field(form.username) }}`
			`{{ render_field(form.company) }}`
Use camel case instead. Underscores managed to be worse. 2022-09-22 16:55:49 -04:00			`{{ render_field(form.jobAndPronoun) }}`
			`{{ render_field(form.skillTypes) }}`
			`{{ render_field(form.mySkills) }}`
Several fixes and improvements. "Better" CSS minifying. Adjust psycopg imports and some usages. Fix viewport scaling for mobile. Switch gunicorn to default https port when running in prod. Correct /dbtest route and add simple /update skeleton 2022-09-22 11:05:17 -04:00			`{{ render_field(form.body, 'class=bigtext') }}`
Use camel case instead. Underscores managed to be worse. 2022-09-22 16:55:49 -04:00			`{{ render_field(form.closingText) }}`
Several fixes and improvements. "Better" CSS minifying. Adjust psycopg imports and some usages. Fix viewport scaling for mobile. Switch gunicorn to default https port when running in prod. Correct /dbtest route and add simple /update skeleton 2022-09-22 11:05:17 -04:00			`</dl>`
Significant writing.jinja2 cleanup. 2022-09-22 16:23:01 -04:00
Several fixes and improvements. "Better" CSS minifying. Adjust psycopg imports and some usages. Fix viewport scaling for mobile. Switch gunicorn to default https port when running in prod. Correct /dbtest route and add simple /update skeleton 2022-09-22 11:05:17 -04:00			`{% if errors %}`
Significant writing.jinja2 cleanup. 2022-09-22 16:23:01 -04:00			`<div id=errors>`
			`<h3>Your letter has errors.</h3>`
			`<p>`
			`There is likely a typo in one of your variables (the {\blabla} bits).<br>`
			`Make sure each is spelled correctly, and has the correct brackets on either side`
			`</p>`
			`<p class=errors>`
			`{% for error in errors %}`
			`{{ error }}<br>`
			`{% endfor %}`
			`</p>`
			`</div>`
Several fixes and improvements. "Better" CSS minifying. Adjust psycopg imports and some usages. Fix viewport scaling for mobile. Switch gunicorn to default https port when running in prod. Correct /dbtest route and add simple /update skeleton 2022-09-22 11:05:17 -04:00			`{% endif %}`
Significant writing.jinja2 cleanup. 2022-09-22 16:23:01 -04:00
Animated generate button 2022-09-23 09:22:27 -04:00			`<a href="javascript:void(0)"`
			`class="wipe up-wipe"`
Significant writing.jinja2 cleanup. 2022-09-22 16:23:01 -04:00			`{% if errors %}`
Animated generate button 2022-09-23 09:22:27 -04:00			`onclick="clearErrors();document.getElementById('letter-form').submit()"`
			`{% else %}`
			`onclick="document.getElementById('letter-form').submit()"`
Significant writing.jinja2 cleanup. 2022-09-22 16:23:01 -04:00			`{% endif %}`
Animated generate button 2022-09-23 09:22:27 -04:00			`>Generate PDF</a>`
Several fixes and improvements. "Better" CSS minifying. Adjust psycopg imports and some usages. Fix viewport scaling for mobile. Switch gunicorn to default https port when running in prod. Correct /dbtest route and add simple /update skeleton 2022-09-22 11:05:17 -04:00			`</form>`
Init commit TODO: Collect form data, process data into latex renderables, generate unique id when submitting, styling, etc. 2021-07-23 17:30:15 -04:00			`</body>`
Fix some indentation/spacing 2022-09-22 16:27:47 -04:00
Init commit TODO: Collect form data, process data into latex renderables, generate unique id when submitting, styling, etc. 2021-07-23 17:30:15 -04:00			`</html>`