Test of the Date Question

Survey Deadline: 03/06/2025, 5:39:34 PM

Date Created: 02/20/2025

0 4

About

It is easiest to test all of the different question types separately when trying to finish the create survey / upload survey response functionality, so that is what I am doing here.

Date Question

User responds to the question with a date in an <input type="date"/> HTML element.
User can edit the step for the response
The survey creator can specify a minimum date, maximum date, or both for the response.
The response should be shown on a histogram with a slider that can be used to change the bin size

Questions

What is (or will be) the best day in the history of the universe?

Universe

Input Date:

When were you born?

Born

Input Date:

Min Date: 1900-01-01

Max Date: 2025-02-20

What is your favorite date in history in the 20th century?

20th History

Input Date:

Min Date: 1900-01-01

Max Date: 1999-12-31

What is your favorite Sunday of all time?

Sunday

Input Date:

Max Date: 2025-02-20

Confirm Response

About Embedding News Content

Navigate to the News Article you want to embed.
Copy the url of the article and paste into the input below.
- For a news article to be properly embedded, it must have valid <meta> tags as seen below.
- The image url must be able to be accessed from any source.

<meta property="og:type" content="article" />
<meta property="og:type" content="any string" />
<meta property="og:image" content="valid image url" />
<meta property="og:description" content="any string" />

Inserting Custom HTML:

Basics:

Double click inside the custom HTML to edit the html.
Learn about the basics of HTML using the mdn web docs on HTML.

Inserting Code Expressions:

 <dialog> below. You can generate inline code or block code, like seen below:

#include <stdio.h>

void bubble_sort(int arr[], int n) {
    int i, j;
    for (i = 0; i < n-1; i++) {
        for (j = 0; j < n-i-1; j++) {
            if (arr[j] > arr[j+1]) {
                int temp = arr[j];
                arr[j] = arr[j+1];
                arr[j+1] = temp;
            }
        }
    }
}

Inserting $\Large{LaTeX}$ Expressions:

You can insert inline:

a^2+b^2=c^2

or block math expressions (see below) by using the Math Markup dialog below the code editor.

e^{i\pi}+1=0

SVG Icon Search

You can search for svg icons () by clicking the SVG Search button below.

AI Code Generation

To be Completed

The Sanitization of HTML

Go over the sanitization of HTML process:

Test of the Date Question

About

Date Question

Questions

Question 1

Question 2

Question 3

Question 4

Inserting Custom HTML:

Basics:

Inserting Code Expressions:

Inserting $\Large{LaTeX}$ Expressions:

SVG Icon Search

AI Code Generation

The Sanitization of HTML