Skip to content

New landing page#444

Merged
NilsJacobsen merged 36 commits intomainfrom
new-landing-page
Mar 14, 2023
Merged

New landing page#444
NilsJacobsen merged 36 commits intomainfrom
new-landing-page

Conversation

@NilsJacobsen
Copy link
Copy Markdown
Contributor

New lading page implementation:
According to this: #416

  • Adjusted the layout component
  • Added new components for the different sections
  • Recorded feature videos (Can be changed with new features)
  • Added basic responsiveness

NiklasBuchfink and others added 30 commits March 8, 2023 15:54
@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented Mar 13, 2023

⚠️ No Changeset found

Latest commit: d0479a6

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@render
Copy link
Copy Markdown

render Bot commented Mar 13, 2023

@samuelstroschein
Copy link
Copy Markdown
Member

samuelstroschein commented Mar 13, 2023

Dope 🚀 The screen animations are really valuable. I found myself watching the entire editor animation.

Minor issues

1. The footer "looks" broken on the editor

Remove the lines? Or remove the footer from the editor? I vote for removing the lines but you decide.

CleanShot 2023-03-13 at 19 14 50@2x

CleanShot 2023-03-13 at 19 15 02@2x

2. We should compress the videos

The videos are gigantic for web standards. The website loads 15MB :D SEO is not so important right now but 15MB is heavy

CleanShot 2023-03-13 at 19 36 49@2x

@NilsJacobsen
Copy link
Copy Markdown
Contributor Author

Gonna make the changes tomorrow morning an merge it. Will be merged by 7am. @samuelstroschein

@jannesblobel
Copy link
Copy Markdown
Contributor

CleanShot 2023-03-13 at 20 48 13@2x

Some thoughts:
The inlang icon in the left corner is a bit small compared to the buttons and the example logos at the bottom. And I'm Not sure if the Icon Left has the same height as the button and the right

@jannesblobel
Copy link
Copy Markdown
Contributor

My opinion on the lines of the editor: it's not so important yet, because the "editor" is a different initiative.

CleanShot 2023-03-13 at 19 15 02@2x

@jannesblobel
Copy link
Copy Markdown
Contributor

Have you tried different heights of the header? I find the header a bit too high

CleanShot 2023-03-13 at 20 58 59@2x

@jannesblobel
Copy link
Copy Markdown
Contributor

Sorry for the different comments on the same page,
It is not visible that you can scroll through this Website

CleanShot 2023-03-13 at 21 03 21@2x

@jannesblobel
Copy link
Copy Markdown
Contributor

jannesblobel commented Mar 13, 2023

The screencasts on the website are nice. I like them. But when you see the Editor screencast on a Macbook Air screen, it's a bit overwhelming

CleanShot 2023-03-13 at 21 06 34

@jannesblobel
Copy link
Copy Markdown
Contributor

Oh, the content of the body is under the header.

CleanShot 2023-03-13 at 21 11 56@2x

@jannesblobel
Copy link
Copy Markdown
Contributor

The container in the footer (number 2) does not have the same padding / there is no padding like the container in the body ( number 1)

CleanShot 2023-03-13 at 21 16 39@2x

@jannesblobel
Copy link
Copy Markdown
Contributor

I noticed you used different paddings in the footer than in the header. Is there a particular reason?

CleanShot 2023-03-13 at 21 20 05@2x

@jannesblobel
Copy link
Copy Markdown
Contributor

I don't know if the inlang logo in the footer is in the position place as the section headings.

CleanShot 2023-03-13 at 21 23 27@2x

@jannesblobel
Copy link
Copy Markdown
Contributor

In all other sections, this is a button, my first assumption was "npm inlang..." is clickable. Maybe we can make this as a button and on click a toast "copied to clipboard" opens?

CleanShot 2023-03-13 at 21 26 35@2x

@jannesblobel
Copy link
Copy Markdown
Contributor

What do you think of the outline on number 1? I like it more without the outline

CleanShot 2023-03-13 at 21 32 05@2x
CleanShot 2023-03-13 at 21 32 36@2x

@jannesblobel
Copy link
Copy Markdown
Contributor

I like the blue hover effect on the icons. The difference between grey and dark on the text buttons is relatively small :/

CleanShot 2023-03-13 at 21 34 58

@jannesblobel
Copy link
Copy Markdown
Contributor

My last words to this landing page:
I saw it only on a MacBook screen. Keep that in mind.

More important is you both @NilsJacobsen and @NiklasBuchfink, did a fantastic Job. All my thoughts are on a high level, and you may disagree. Please take these as constructive feedback, not an attack on your great work. On the contrary, you have achieved to do what I never did.

Let's celebrate the new inlang website made by @NilsJacobsen and @NiklasBuchfink

@NilsJacobsen
Copy link
Copy Markdown
Contributor Author

NilsJacobsen commented Mar 14, 2023

Dope 🚀 The screen animations are really valuable. I found myself watching the entire editor animation.

Minor issues

1. The footer "looks" broken on the editor

Remove the lines? Or remove the footer from the editor? I vote for removing the lines but you decide.

CleanShot 2023-03-13 at 19 14 50@2x

CleanShot 2023-03-13 at 19 15 02@2x

2. We should compress the videos

The videos are gigantic for web standards. The website loads 15MB :D SEO is not so important right now but 15MB is heavy

CleanShot 2023-03-13 at 19 36 49@2x

removed the lines on editor & compressed the videos (now it's better maybe we can get it even smaller)

@NilsJacobsen
Copy link
Copy Markdown
Contributor Author

CleanShot 2023-03-13 at 20 48 13@2x

Some thoughts: The inlang icon in the left corner is a bit small compared to the buttons and the example logos at the bottom. And I'm Not sure if the Icon Left has the same height as the button and the right

made the logo bigger (w-9 h-9 it's a bit more even with the buttons now, buttons are h-10 but that looks bulky)

@NilsJacobsen
Copy link
Copy Markdown
Contributor Author

Oh, the content of the body is under the header.

CleanShot 2023-03-13 at 21 11 56@2x

should be fixed now

@NilsJacobsen
Copy link
Copy Markdown
Contributor Author

I like the blue hover effect on the icons. The difference between grey and dark on the text buttons is relatively small :/

CleanShot 2023-03-13 at 21 34 58 CleanShot 2023-03-13 at 21 34 58

Added blue hover to all links without a surface

@NilsJacobsen
Copy link
Copy Markdown
Contributor Author

Have you tried different heights of the header? I find the header a bit too high

CleanShot 2023-03-13 at 20 58 59@2x

Made the nav bar a bit smaller

@NilsJacobsen
Copy link
Copy Markdown
Contributor Author

Thank you @samuelstroschein @jannesblobel for the feedback. Integrated some of the suggestions. We can talk about the rest in the future I would say.

@NilsJacobsen NilsJacobsen merged commit d913ef2 into main Mar 14, 2023
samuelstroschein added a commit that referenced this pull request Mar 27, 2023
commit b8cdf3f
Author: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Date:   Mon Mar 27 18:43:22 2023 +0200

    Version Packages (#456)

    Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

commit e9e9ce5
Author: Samuel Stroschein <35429197+samuelstroschein@users.noreply.github.com>
Date:   Mon Mar 27 18:35:32 2023 +0200

    refactor: simplify core/lint (#459)

    * refactor: remove setup and teardown

    * work in progress commit

    * refactor: remove the concept of passing booleans to the lint level

    * fix: propagation of context

    Context can't be passed around from nodes to childs without adjusting the target and reference nodes.

    * chore: simplify type

    The generic output was unused.

    * test: slightly more realistic test

    * refactor: remove context

    Redundant concept.

    * init alternative

    * refactor: define setup function in `LintRule`

    #459 (comment)

    * clean up

    * refactor: remove rule collections 😢

    We should wait for user demand to nail a solution.

    * update readme

    * refactor: remove unusued utilities

    The `utilities` lib is intended for external usage. Furthermore, most utilties were not used.

    * add: typesafety to createLintRule settings

    * chore: fix type imports

    * chore: fix typescript compilation

    * chore: remove test utilities export

    The utilities like `createMessage` should likely be part of `ast`. Exposing them only for lint seems a short term solution. But, if we expose those utiltites in lint now, we can't remove them in the future. Thus, remove for now.

    * refactor: return errors to enable apps to handle errors

    Encountered numerous problems because `lint` implicitly catches errors. That behavior makes sense. Just because one rule is throwing, the linting process shouldn't abort.

    However, debugging became harder and consuming apps like the editor or CLI will never now if a linting process failed.

    * fix typo

    Co-authored-by: Hofer Ivan <ivan.hofer@outlook.com>

    * fix typo

    Co-authored-by: Hofer Ivan <ivan.hofer@outlook.com>

    * show example lint rule with settings

    * chore: remove todo

    * fix: only pass message to a node

    * chore: add comment to remove node types

    * refactor: narrow settings type

    * refactor: createLintRule only uses args

    #459 (comment)

    * chore: don't use node globals

    * refactor: remove node dependency entirely

    node fs imports don't work in core

    * refactor: remove node dependency entirely

    node fs imports don't work in core

    * refactor: remove node dependency entirely

    node fs imports don't work in core

    * fix: pass correct args

    * Create .changeset/hungry-carpets-build.md

    ---------

    Co-authored-by: Hofer Ivan <ivan.hofer@outlook.com>

commit f87f300
Author: Boian Ivanov <boian.ivanov44@gmail.com>
Date:   Mon Mar 27 15:28:45 2023 +0100

    chore: linting errors (#469)

    * fix: linting errors

    * chore: add changeset

commit 2d3c8cc
Author: NiklasBuchfink <niklas.buchfink@web.de>
Date:   Mon Mar 27 08:31:09 2023 +0000

    refactor: svg logo in website layout

commit b13dfa8
Author: Ivan Hofer <ivan.hofer@outlook.com>
Date:   Sat Mar 25 11:07:37 2023 +0100

    run npm i

commit 704c83d
Author: Hofer Ivan <ivan.hofer@outlook.com>
Date:   Sat Mar 25 10:16:04 2023 +0100

    add sdk-js RFC (#460)

commit 4992681
Author: Niklas Buchfink <59048346+NiklasBuchfink@users.noreply.github.com>
Date:   Thu Mar 23 19:12:45 2023 +0100

    Editor condense textarea (#461)

commit 277e5ae
Author: NiklasBuchfink <niklas.buchfink@web.de>
Date:   Tue Mar 21 10:05:51 2023 +0000

    add: discord invite to footer

commit 0a2de81
Author: NiklasBuchfink <niklas.buchfink@web.de>
Date:   Mon Mar 20 16:13:46 2023 +0000

    add discord invite icon to header

commit a0b85eb
Author: Samuel Stroschein <35429197+samuelstroschein@users.noreply.github.com>
Date:   Mon Mar 20 12:52:43 2023 +0100

    refactor: improve core/lint (#453)

    * refactor: use minimum config schema, remove env from lint

    * chore: format fix

    * refactor: only expose 2 query functions

    * chore: add changeset

    * chore: remove unnecessary optional chaining

    * refactor: don't return undefined in lint

    #453 (comment)

    * refactor: immutable lint

commit e3fb6a3
Author: NiklasBuchfink <niklas.buchfink@web.de>
Date:   Mon Mar 20 10:14:06 2023 +0000

    fix contact mail in footer

commit 1a6ccec
Author: Nikita <nikita.voloboev@gmail.com>
Date:   Mon Mar 20 02:25:45 2023 +0100

    add: do shallow clone  (#454)

    * do git clone with depth 1

    * add git shallow clone for fast UI response with fetching rest of history in background

    * comment

    * fix prettier

commit 6c8a576
Author: Samuel Stroschein <35429197+samuelstroschein@users.noreply.github.com>
Date:   Sun Mar 19 12:53:22 2023 +0100

    Update repositories.ts

    knadh/listmonk#1189

commit 6dbdfc7
Author: Robin Bühler <git+r@obin.ch>
Date:   Fri Mar 17 14:32:45 2023 +0000

    chore: add ide-extension publication to ci-cd env

commit a4581da
Author: Robin Bühler <git+r@obin.ch>
Date:   Fri Mar 17 14:23:39 2023 +0000

    chroe: change vsce token env

commit 53423d6
Author: Robin Bühler <git+r@obin.ch>
Date:   Fri Mar 17 13:57:41 2023 +0000

    chore: run vsce with npx

commit 042bfab
Author: Robin Bühler <git+r@obin.ch>
Date:   Fri Mar 17 13:51:23 2023 +0000

    chore: enhance publis-ide-extension-to-marketplace.yml

commit bdbbf8e
Author: Robin Bühler <git+r@obin.ch>
Date:   Fri Mar 17 13:38:49 2023 +0000

    chore: update package-lock.json

commit 8f73244
Author: Robin Bühler <1105080+openscript@users.noreply.github.com>
Date:   Fri Mar 17 14:35:56 2023 +0100

    Set up continuous deployment for ide-extension (#446)

    * chore: enable tests

    * chore: name core publish flow

    * chore: add publish workflow for ide-extension

    * chore: format

    * chore: remove ovsx and adjust vsce token name

    * chore: enhance package naming

    * chore: enhance prepare package script

commit 2983569
Author: Nils Jacobsen <58360188+NilsJacobsen@users.noreply.github.com>
Date:   Thu Mar 16 07:36:22 2023 +0100

    Text fixes (#449)

    * index changes after initial pull

    * feat: add folderstructure for sections #416

    * setup landingpage structure

    * feat: add Section Wrapper for landingpage #416

    * Test second hero

    * feat: add slate colors to ds #416

    * #416 relocate landingpage files in website/index

    * feat: add bg grid component wrapper #416

    * #416 add button & navigation

    * fix button type error

    * feat: add hero layout #416

    * feat: add credibilty section and editor #416

    * feat: add vscode extension section and cli section and footer #416

    * #416 add useNagition to Button component

    * #416 add custom header for landingpage

    * feat: add responsive layout for footer, hero, editor and vscode #316

    * #416 add chevron to Buttons

    * #416 add responsive GetStarted section

    * #416 add functions to Button

    * #416 add signal to toggle CLI section

    * feat: add responsive cli section

    * #416 fix menu background

    * #416 optimize Lighthouse score

    * #416 fix nav for all pages

    * #416 update wording

    * highlighting for copytext

    * feat: add product videos #416

    * fix text & text-width

    * body text width

    * fix: editor layout #416

    * fix: padding on editor #416

    * fix: changes bellong to suggestions of code review #416

    * fix: small wording fixes #416

    ---------

    Co-authored-by: NiklasBuchfink <niklas.buchfink@web.de>

commit d913ef2
Author: Nils Jacobsen <58360188+NilsJacobsen@users.noreply.github.com>
Date:   Tue Mar 14 07:04:01 2023 +0100

    New landing page (#444)

    * index changes after initial pull

    * feat: add folderstructure for sections #416

    * setup landingpage structure

    * feat: add Section Wrapper for landingpage #416

    * Test second hero

    * feat: add slate colors to ds #416

    * #416 relocate landingpage files in website/index

    * feat: add bg grid component wrapper #416

    * #416 add button & navigation

    * fix button type error

    * feat: add hero layout #416

    * feat: add credibilty section and editor #416

    * feat: add vscode extension section and cli section and footer #416

    * #416 add useNagition to Button component

    * #416 add custom header for landingpage

    * feat: add responsive layout for footer, hero, editor and vscode #316

    * #416 add chevron to Buttons

    * #416 add responsive GetStarted section

    * #416 add functions to Button

    * #416 add signal to toggle CLI section

    * feat: add responsive cli section

    * #416 fix menu background

    * #416 optimize Lighthouse score

    * #416 fix nav for all pages

    * #416 update wording

    * highlighting for copytext

    * feat: add product videos #416

    * fix text & text-width

    * body text width

    * fix: editor layout #416

    * fix: padding on editor #416

    * fix: changes bellong to suggestions of code review #416

    ---------

    Co-authored-by: NiklasBuchfink <niklas.buchfink@web.de>

commit 6500378
Author: NiklasBuchfink <niklas.buchfink@web.de>
Date:   Thu Mar 9 15:30:09 2023 +0000

commit e75807a
Author: Samuel Stroschein <35429197+samuelstroschein@users.noreply.github.com>
Date:   Thu Mar 9 13:49:06 2023 +0000

    chore: update turborepo

    Avoiding exec runtime error in docker container.

commit 9ddd3da
Author: Jannes Blobel <72493222+jannesblobel@users.noreply.github.com>
Date:   Thu Mar 9 00:10:30 2023 +0100

    Update config.md
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants