felix-schindler/com

maybe future website of maybe my future company

com's Issues

Login page width

On mobile the login card width is set to 80% although it should be 100%.

GitHub Actions

Because I've chosen the way with the least work for myself, I've installed the Vercel and Deno GitHub apps for automatic deployments. Because of that all the sites get deployed every time anyone pushes anything.

I think it would be best if we change these apps to be run as an action but only, if something in the corresponding folder has changed.

Header gap mobile

Menu alignment and consistency

The header of /about/+layout and /app/+layout should have the same style implementation. The alignment of the "more" section in /about/+layout is not right.

Register Quiz

• New border and background color for button
• Add back option
• {i} von {n} → specify "Frage ..." ; Otherwise could be misunderstood as "choose 3 of 4 answers"
• Ask follow up questions only where it makes sense (e. g. user estimate for static website doesn't)
• Add time / price estimate at the end of quiz
• Ask for E-Mail at the end of the quiz
• Save user answers to PocketBase
• Better questions ; "Wie viele werden diese Seite benutzen?" → Mit wie vielen Benutzern rechnen Sie?
• Better answers

Intro style

Font size

Maybe it looks good on iPad right now but it doesn't anywhere else. Maybe instead of using vw I could use vh for the font-size to solve this.

Card width

The grid should allow a size of 350px to 1fr.

Docs syntax highlighting

mdsvex uses PrismJS while GitHub Markdown CSS is made for prettylights. Maybe the highlight function should be overwritten to mimic prettylights.

svooltip (on register quiz)

• On mobile you have to click on the icon to see the tooltip, thereby you submit your answer in the same moment. preventDefault seems to have no effect preventing this.
• Also, it's not being updated with the new content.

Making an own Component is probably the best choice here. Rendering the content as <slot /> in a <span> is probably the best option and leaves the updated content to Svelte.

`/about/ctf`: Site not working

Need to investigate.

Doc pages not responsive

Header mobile... again...

"Failed to log in" message

The "Failed to log in" shows all the time, also when it shouldn't.

Add CTF challenge

Create the actual challenge for "Hack a login"

• Create website (use Cloudflare proxy)
• SQL injection
• "Broken" API
• Hints in code (web inspector)

Behind the curtain

• IPv4 / v6 / ...

Move `/app/auth` to `/about/auth`

Because of the structure of the +layout.svelte files and stuff, it's really annoying to navigate back to some content if you decide to not authenticate.

`about/team` (mobile) alignment

"More" menu section

Either place under "dev" section in footer (footer would have to be reworked) or use in:fly for transition

Tags

Version tags sometimes start with "v", other times they don't.

open source

Should this website be Open-source?

This would among other things expose the docs and also the CTF.

Question is: Is it that bad?

Forgot password

/about/auth/forget Add the "forgot password" page

Doc pages not responsive

User Authentication (login)

• Redirect to /app/auth if not authenticated
• Redirect to /app if authenticated
• Persistently store user

Register Quiz

• The time estimate should be changed to also consider days for planning and fixing stuff
• The question "how many pages..." should be added to the web app start question
• Investigate if there's a easy way to go back completely to the first question

`/about`: General improvements for home page

• Why cloud?
• Note on links to leave the page (↗️)
• {msg} with in:fly effect

`/contact` page: style improvements

• The [type="submit"] button should be white in dark mode
• The sending variable doesn't seem to work, investigate
• .btns show flex-wrap (because of mobile users)
  • while at it: footer in src/+layout.svelte should also flex-wrap for the same reason

`/about/contact`: Instagram icon hover

remove the color transition