Commits: 2
Add Emmet to the development shell
index 95fb37f..ede5332 100644
--- a/flake.nix
+++ b/flake.nix
@@ -28,6 +28,7 @@
= packages = [
= pkgs.jq
= pkgs.miniserve
+ pkgs.emmet-ls
= ];
= project_name = project-name; # Expose as an environment variable for make
= };Draft a market research form
To be used with formtomail.eu by Jewiet.
new file mode 100644
index 0000000..b9fb806
--- /dev/null
+++ b/content/market-research/_index.md
@@ -0,0 +1,57 @@
+---
+title: Tad Market Research
+---
+
+Hi! We are Tad and Fana, two IT professionals from Hilversum, the Netherlands. We want to start a new business. In order to understand the demand, we are conducting this market research. If you are in a position to fill this form, it would help us immensely.
+
+Thank you :-)
+
+# Data Sovereignty Market Research
+
+{\{ include(file="content/market-research/form.html") \}}
+
+## Privacy Policy
+
+Privacy Policy for Tad Market Research
+
+1. Who Collects the Data
+
+ The data provided above or during subsequent communication is collected and processed by Tad Lispy, an entrepreneur registered in the Amsterdam chamber of commerce (KvK).
+
+2. What Data Are We Collecting
+
+ When you fill out our market research form, we collect:
+
+ * Contact Details: Name, Job Title, and Email Address.
+ * Business Details: Organization Name, Industry, and Company Size.
+ * Feedback: Your answers regarding technology concerns and service desirability.
+
+3. Why We Need Your Data
+
+ We process your data to conduct market research and improve our services. This is based on our legitimate business interest and your explicit consent.
+
+ We use this data solely to analyze trends in the European market.
+
+ We will not sell, rent, or share your data with third parties.
+
+4. How Long We Keep Your Data
+
+ We retain your data until you request deletion. We will securely delete or anonymize your responses.
+
+5. Your Rights
+
+ You have the right to:
+
+ * Access the data we hold about you.
+ * Correct any inaccurate information.
+ * Withdraw the data processing consent at any time.
+
+ To exercise these rights, email us at <data@tad-lispy.com>
+
+6. Data Security
+
+ We take reasonable technical and organizational measures to protect your data against unauthorized access, loss, or destruction. Your data is stored on secure servers located within the European Economic Area (EEA).
+
+7. Changes to This Policy
+
+ We may update this policy occasionally. The latest version will always be posted on our website.new file mode 100644
index 0000000..adcafca
--- /dev/null
+++ b/content/market-research/form.html
@@ -0,0 +1,173 @@
+<style type="text/css">
+ /* form {
+
+ --range-border-color: linear-gradient(
+ 90deg,
+ okcl,
+ rgba(87, 199, 133, 1) 50%,
+ rgba(237, 221, 83, 1) 100%
+ );
+ }
+
+ [type="range"] {
+ &::-moz-range-track, &::-webkit-slider-runnable-track {
+ background: var(--range-border-color);
+ }
+ } */
+
+ label:has(input:not([type="checkbox"]):not([type="radio"])[required]),
+ label:has(textarea[required]),
+ .required {
+ width: 100%;
+
+ &::before {
+ content: "required";
+ float: right;
+ font-size: 0.8em;
+ margin-top: 0.2em;
+ color: var(--muted-color);
+ }
+ }
+
+ label:has(input:not([type="checkbox"]):not([type="radio"]):not([required])),
+ label:has(textarea:not([required])),
+ .optional {
+ width: 100%;
+
+ &::before {
+ content: "optional";
+ float: right;
+ font-size: 0.8em;
+ margin-top: 0.2em;
+ color: var(--muted-color);
+ }
+ }
+</style>
+
+
+<form method="POST" action="https://use.formtomail.eu/submit/tad-market-research">
+
+ <label for="organization-name">
+ What is the name of your business / organization?
+ <input type="text" name="organization-name" id="organization-name" value="" required />
+ </label>
+
+ <div class="grid">
+ <label for="respondent-name">
+ What is your name?
+ <input type="text" name="respondent-name" id="respondent-name" value="" required />
+ </label>
+
+ <label for="respondent-role">
+ What is your role?
+ <input type="text" name="respondent-role" id="respondent-role" value="" />
+ </label>
+ </div>
+
+ <label for="big-tech-concern">
+ Are you worried about the reliance of your organization on the big technology providers from USA?
+ <div class="grid">
+ <small>Not at all</small>
+ <small style="text-align: center">Somewhat</small>
+ <small style="text-align: end">A lot</small>
+ </div>
+ <input type="range" name="big-tech-concern" id="big-tech-concern" min=0 max=100 value=50 required />
+ </label>
+
+ <fieldset>
+ <legend class="optional">What are your main concerns?</legend>
+
+ <div class="grid">
+ <label><input type="checkbox" name="main-concerns" value="Business information security (industrial espionage)" />Business information security (industrial espionage)</label>
+ <label><input type="checkbox" name="main-concerns" value="General security" />General security</label>
+ </div>
+
+ <div class="grid">
+ <label><input type="checkbox" name="main-concerns" value="Quality of service" />Quality of service</label>
+ <label><input type="checkbox" name="main-concerns" value="Unpredictable prices" />Unpredictable prices</label>
+ </div>
+
+ <div class="grid">
+ <label><input type="checkbox" name="main-concerns" value="Compliance with European regulations (GDPR, etc.)" />Compliance with European regulations (GDPR, etc.)</label>
+ <label><input type="checkbox" name="main-concerns" value="Privacy" />Privacy</label>
+ </div>
+
+ <div class="grid">
+ <label><input type="checkbox" name="main-concerns" value="Vendor lock-in" />Vendor lock-in</label>
+ <label><input type="checkbox" name="main-concerns" value="Service availability risks" />Service availability risks</label>
+ </div>
+
+ <div class="grid">
+ <label><input type="checkbox" name="main-concerns" value="Customer support" />Customer support</label>
+ <label><input type="checkbox" name="main-concerns" value="Alignment with European digital sovereignty goals" />Alignment with European digital sovereignty goals</label>
+ </div>
+ </fieldset>
+
+ <label for="other-concerns">
+ Anything else that concerns you?
+ <textarea name="other-concerns" id="other-concerns" rows="6" placeholder="I'm also concerned about..."></textarea>
+ </label>
+
+ <fieldset>
+ <legend class="required">Have you taken steps to reduce this reliance?</legend>
+
+ <div class="grid">
+ <label><input type="radio" name="taken-steps" value="yes" required />Yes</label>
+ <label><input type="radio" name="taken-steps" value="yes" required />No</label>
+ <label><input type="radio" name="taken-steps" value="yes" required />Not yet</label>
+ </div>
+ </fieldset>
+
+
+ <fieldset>
+ <legend>In which areas would your organization benefit the most from our help?</legend>
+
+ <div class="grid">
+ <label><input type="checkbox" name="want-help" value="Staff training and education" />Staff training and education</label>
+ <label><input type="checkbox" name="want-help" value="Advice and consulting"/>Advice and consulting</label>
+ </div>
+
+ <div class="grid">
+ <label><input type="checkbox" name="want-help" value="Data migration"/>Data migration</label>
+ <label><input type="checkbox" name="want-help" value="Systems integration"/>Systems integration</label>
+ </div>
+
+ <div class="grid">
+ <label><input type="checkbox" name="want-help" value="Continuous IT support"/>Continuous IT support</label>
+ <label><input type="checkbox" name="want-help" value="Compliance & Legal Audits"/>Compliance & Legal Audits</label>
+ </div>
+ <label><input type="checkbox" name="want-help" value="Security and compliance monitoring"/>Security and compliance monitoring</label>
+ </fieldset>
+
+ <label for="biggest-hurdles">
+ Briefly describe your biggest hurdle in moving away from USA providers:
+ <textarea name="biggest-hurdles" id="biggest-hurdles" rows="6" placeholder="What's holding us back is..."></textarea>
+ </label>
+
+ <fieldset>
+ <legend class="optional">Can we contact you about this form?</legend>
+ <label><input type="checkbox" name="ok-to-contact" value="ok" />Yes, that's OK</label>
+ </fieldset>
+
+ <label for="sender">
+ Your email address:
+ <input type="email" name="email" required/>
+ </label>
+
+
+ <label for="preferred-contact-method">
+ What's the best way to contact you?
+ <textarea name="preferred-contact-method" id="preferred-contact-method" rows="3" placeholder="You can call me at +31 ... between ... and ..."></textarea>
+ </label>
+
+
+ <fieldset>
+ <legend class="required">Data processing</legend>
+ <label>
+ <input type="checkbox" name="data-processing-consent" value="agreed" required />
+ I agree to the processing of the provided data for the purpose of this market research.<br>
+ </label>
+ </fieldset>
+
+ <input type="submit" value="Send" />
+</form>new file mode 100644
index 0000000..041db39
--- /dev/null
+++ b/content/market-research/thank-you.md
@@ -0,0 +1,6 @@
+---
+title: We got your form!
+---
+
+Thank you for submitting your response! It will be very helpful to us. Depending on your answers, we might contact you soon.
+new file mode 100644
index 0000000..a4448d1
--- /dev/null
+++ b/templates/section.html
@@ -0,0 +1,27 @@
+{\% extends "base.html" %}
+
+{\% block variables %}
+{\{ super() \}}
+{\% set page_class = "section" %}
+{\% set title = section.title | markdown(inline=true) | striptags %}
+{\% set description = section.summary | default(value="by Tad Lispy.") | striptags%}
+{\% endblock variables %}
+
+{\% block content %}
+<header>
+ <nav aria-label="breadcrumb">
+ <ul>
+ <li><a href="{\{ get_url(path='@/_index.md') \}}">Tad Lispy</a></li>
+ <li><strong>{\{ section.title | markdown(inline=true) | safe \}}</strong></li>
+ </ul>
+ </nav>
+</header>
+
+<main>
+
+ {\{ section.content | safe \}}
+
+</main>
+
+{\% include "includes/footer.html" %}
+{\% endblock content %}new file mode 100644
index 0000000..7068e52
--- /dev/null
+++ b/templates/shortcodes/include.html
@@ -0,0 +1,2 @@
+{\% set file = load_data(path=file) %}
+{\{ file | safe \}}