blumilksoftware / website Goto Github PK

i would like to provide new tests for the application build process. Right now we are testing only locales and assets, but it would be nice if we could test features too. Maybe using Cypress would be a good approach?

As the title says. I think we could use Google Forms instead of common e-mail form.

Needed different descriptions for pages in polish and english language. Change that in locale json files.

With #120 implemented and deployed we arefacing a problem where you cannot burst the bubble if it's under the image. I think that replacing PNG images with SVG graphics would solve this problem, but someone would need to investigate it.

If no, 🤷‍♂️

If yes, then we would need to replace all the graphics from PNGs to SVGs. All of them can be found here: https://undraw.co/illustrations (custom Blumilk color is #527ABA).

When a bubble is popped it should spawn some additional particles to make the effect more interesting.

bubble bursting was added with #119

We need add OG tags for Facebook and Twitter tags in HEAD section of the website.

As the title says.

As Vue, React and Angular are huge (and bigger with every day) ecosystems, I would like to use something simpler and lighter to develop our SPA website. Svelte is looking nice, so I'm going to check it out.

We need to discuss with our lawyer if we still need to put some annoying notification about cookies used. We are also using Google Analytics, so there's plenty of data transferred to other services.

Blumilk is the people.
This sentence in About page - without any evidence that we are real people - sucks. We should add some photos with us there.

For every page like About or Contact the GHP returns a proper response status code, 200 or 301:

But for main page it's a empty value:

I am pretty sure that's affecting our Google search position:

AC: index page should be loaded with 200/301 status code.

This is probably related to #127.

With joining SoDA and co-organizing Laravel Poland Meetup, it would be good to make a page or section somewhere to show off.

I can see there was a failed action for Dependabot: https://github.com/blumilksoftware/blumilk-website/runs/1667933185

Your .github/dependabot.yml contained invalid details

Dependabot encountered the following error when parsing your .github/dependabot.yml:

The property '#/updates/0/' contains additional properties ["commit_message"] outside of the schema when none are allowed

Please update the config file to conform with Dependabot's specification.

This should be a quick fix.

I still have no idea what we could put into Homepage. Maybe it will come later.

I would like to:

• run tests on every pull request
• run linter on every pull request
• deploy procedure after every merge to main branch.

The most important feature of all:

I would like to burst background bubbles by clicking on them. Optional thing would be creating new random bubbles after every bursted one.

We need register website in Google Search Console. When we will register and upload sitemap to them, we will have better indexing in Google and information how people searching our company in Google.

I would like to have an option to create job offers. Right now we have this page: https://www.blumilk.pl/career with general information only.

I would like to have more pages like:
GET /career/php-senior-developer,
GET /career/php-intern,
and so on.

It would be nice to have a page with all important data in one place:

• addresses
• NIP
• VAT number
• REGON/KRS

We should check every page to be sure that bubbles had smaller z-index than... anything else, I think.

I prefer show logo and icons like polish flag in SVG format - on desktop maybe we do not see difference between SVG and PNG format but on mobile yes. Its only my proposition.

Ongoing issue for all commits with updated dependencies.

There's a warning displayed during deployment:

Unexpected input(s) 'envkey_CONTACT_FORM_URL', 'envkey_CONTACT_FORM_EMAIL_NAME', 'envkey_CONTACT_FORM_QUESTION_NAME', 'envkey_MAPBOX_STYLE', 'envkey_MAPBOX_TOKEN', valid inputs are ['entryPoint', 'args', 'file_name']

as seen here: https://github.com/blumilksoftware/website/actions/runs/812606461

We need to investigate why it's showing up and fix it.

We should also change ubuntu-latest to ubuntu-20.04 in ymls in .github/workflows directory.

Probably after the last dependency update something happend to contact page. Stacktrace;

contact:31:1
Uncaught (in promise) ReferenceError: global is not defined
    pa contact.svelte:61
    ae index.mjs:1784
    default contact.svelte:63
    Ke Route.svelte:114
    m index.mjs:69
    ye index.js:140
    ae index.mjs:1799
    be Noop.svelte:2
    Ye Route.svelte:111
    Ve Route.svelte:110
    p Route.svelte:109
    H index.mjs:1050
    V index.mjs:1018
contact.svelte:61:49

Describe the bug
Our bubbles generator works as expected, but console throws error 404.

To Reproduce

1. Go to www.blumilk.pl/bubble/25
2. Open developer tools in the browser
3. Seen 404 error in the console, but bubbles generator works

Expected behavior
I don't want to see 404 error in the console.

Screenshots

Desktop:

• OS: kubuntu
• Browser: Google Chrome
• Version: 98.0.4758.80

We need to accept (in two languages) all the static texts on the website, including:

• homepage
• about us page
• services page
• careers page
• contact page

Right now parts of these texts are pretty solid, but some of them are Lorem ipsum. It should be done before first deploy.

It's about time to rename "master" branch to "main" branch.

I would like to have a /bubbles or whatever page without navigation, content and footer.

Sometimes we need to get background with bubbles like here:

Maybe some configurator/randomizer would be nice too.

Right now translations are initialized in main.js accordingly to Svelte docs:

init({
  fallbackLocale: 'en',
  initialLocale: getLocaleFromNavigator()
})

It's nice, but when user refreshes page, translations are going back to navigator locale. I would like to store this data in some cookie or whatever.

Right now public branch is unprotected.

It's not good idea because of plenty of reasons, but it's not a biggest danger in the world. I could protect it right now, but then CI deploy would fail, because of new protection rules. I need to figure out how to allow one user (@blumilkbot?) to bypass these restrictions.

It would be nice to add some instructions to robots how to deal with our site. Something like this: https://developers.google.com/search/docs/advanced/robots/create-robots-txt?hl=en

It would be nice to have responsive webpage.

We need add .htaccess file and inside them cache settings of css/js/fonts etc.
Now on desktop we have approximately 95 points out of 100 and on mobile approximately 72 points out of 100. On mobile we will fix that score :) with .htaccess settings.

Link to Page Speed Test - https://developers.google.com/speed/pagespeed/insights/?url=https://www.blumilk.pl/

Google Analytics is hardcoded right now in two places:

• https://github.com/blumilksoftware/website/blob/master/public/index.html#L31
• https://github.com/blumilksoftware/website/blob/master/src/main.js#L13

We should move tag into environment variable and disable somehow Analytics functions on development env.

Right now it looks bad:

I would expect to have some padding for the text (like on other views) and centering in buttons.

It's a nice and simple task. Perfect for first PR for Hacktoberfest.

Recently (#157) I restored some older and bigger paddings of illustrations, but it was designed for bigger resolutions. It looks crappy on phones:

Also: references page looks terrible:

AC:

• Decrease padding for images for smaller resolutions. Images should be bigger and spaces between them and blocks of text should be even.
• References page should be redesigned for mobiles.

Right now the title in <title> tag is fixed. It would be nice for Google Analytics to change titles for every page, so we could distinct what is really watched.

We need change english version of the webiste. How? Its simple, URL must have en prefix when somebody switch language.
Google will be index site in two languages, now we have not difference between polish and english language.

I would like to have at least two sections there:

• requirements for a job
• our tech stack.

It would be nice if we could move it to resources/assets. Probably we could add some contact form, but maybe let's create another issue for that.

We need to create unique meta descriptions for all pages in Polish and English. Google likes unique content, so we need to create unique descriptions for all pages. We can intelligently place key phrases in these descriptions, but we must remember not to exceed 160-170 characters.

I would like to have test suite to check if assets data is okay. This tests in some near future would be added to Github workflow to ensure everything is good with every, let's say, pull request.

For now it should cover src/assets/navigation.js and socials.js in the same directory.

Tailwind fetched from CDN is pretty big. We could move it to main.js as import and them use purge to decrease significantly its size.

It would be nice to have some analytics on our website.

To investigate: https://github.com/beyonk-adventures/svelte-google-analytics

We need to figure out and implement Cypress tests in PR... check probably?

Right now we are using some legacy icon pack from Semantic UI fetched from CDN. It's a big package and it would be nice to switch them to lighter Heroicons in SVG or something else.

An ongoing task for all typos, grammar and spelling errors, stupid translations and stuff.

Every request other that GET / returns a response with 404 status code. It think it's because we're handling other than / URLs with GHP workaround, as seen here: https://github.com/blumilksoftware/website/tree/public (404.html file).

All pages (except /404 of course` should return 200.

I would like to try to use EmilTholin/svelte-routing.

The main problem with current one (ItalyPaleAle/svelte-spa-router) is this stupid hashed mode where everything is on index page with navigation based on # symbol.

Right now navigation bar is fixed to the top of page. I would like it to be fixed to the top of the screen (like here).

We would like to have website in Polish and English at least. English should be default one.