Code Monkey home page Code Monkey logo

website's Introduction

Landing screenshot

Website • Discord • Releases • Donate • Documentation

dahliaOS Website

Website

  • Official, one and only website for the dahliaOS project
  • Find it by clicking here!

Development

To develop and locally test the website:

1. Install development tools:

  1. Install bun
  2. Code editor of your choice (we recommend VSCode)

2. Install dependencies:

Install node modules required to run the website by running:

bun install

3. Start the Next.js dev server:

bun dev

In a browser, load the page localhost:3000 and you should now be able to test the website while making your changes. Next.js' dev server has hot reloading so no need to restart the instance when it's running!

4. Build:

After making your changes and verifying it all works in the dev server, furtherly test them out by building the website:

bun run build

5. Start:

bun start

In a browser, load the page localhost:3000 and you should now be able to view the built website.

Contribute

If you're wondering how to contribute to the project, please refer to CONTRIBUTING.md

Sponsored by

License

Copyright @ 2019-2023 - The dahliaOS Authors - [email protected]

This project is licensed under the Apache 2.0 license

website's People

Contributors

bleonard252 avatar code-reaper08 avatar dahliaos-bot avatar dependabot[bot] avatar etroynov avatar horberlan avatar hypebeans avatar larsb24 avatar looskie avatar nmcain avatar nobody5050 avatar quintenvandamme avatar sincerelyfaust avatar winksaville avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar avatar

Forkers

laniku osphea hypebeans nobody5050 nmcain winksaville horberlan code-reaper08 playfloor etroynov reactcoder-it thewickedkarma legendvijay sai80082 ingenicc biocell-dev goodstudio essenceos

website's Issues

[BUG] Select menu not displaying any value initially

Is there an existing issue for this?

  • I have searched the existing issues

Current behavior

The select menu is set up to show a value that has been stored locally but it displays nothing.

Expected behavior

Initially, it should show the saved local storage theme, either system, dark or light but it shows absolutely nothing.

Steps to reproduce

  1. Scroll down to the footer
  2. Take a look

Environment (remove values that do not apply)

- OS: macOS and iOS
- Browser: Google Chrome

Anything else?

image

Code of Conduct

  • I agree to follow this project's Code of Conduct

Download button non-functional on mobile

Describe the bug
On an Android and a iPhone when pressing DOWNLOAD button
on the main page nothing happens. But it does work on my
Desktop computer using Chrome and if I enable "Desktop site" on
my Android phone it also works as expected. So this is mobile
specific.

What kind of a bug is it?
User interface on the site is not working as expected.

To Reproduce
Steps to reproduce the behavior:
0. On a mobile device

  1. Go to https://dahliaos.io
  2. Press Download, no animation
  3. Release DOWNLOAD, nothing happens

Expected behavior
Because DOWNLOAD is a button it should animate when pressed and when
released it should "goto" the linked page or section. The "LEARN MORE"
button directly above it does animate and on release renders the expected
information. The DOWNLOAD button does nothing.

Screenshots
N/A

Browser (please complete the following information):

  • Desktop: Chrome
  • Mobile: Chrome (on Android), Safari (on iPhone)

Additional context
N/A

"View supported devices" link on https://dahliaos.io/#features is broken

"View supported devices" link on https://dahliaos.io/#features leads to https://github.com/dahliaOS/documentation/blob/main/supported-hardware.md which is a 404. I think it should lead to https://github.com/dahliaOS/documentation/blob/main/docs/articles/hardware/supported-devices.md. I looked at changing it myself, but in the source in this repo, I only saw links to https://dahliaos.io/docs/#/articles/hardware/supported-devices, so I wasn't sure if it is the right place.

website/views/index.ejs

Line 170 in 3a395ba

href="https://dahliaos.io/docs/#/articles/hardware/supported-devices"

[BUG] Opening the menu in navbar moves everything to left

Is there an existing issue for this?

  • I have searched the existing issues

Current behavior

When I open the menu in the navbar, the content of the website is pushed to the left.

Expected behavior

When opening the menu, it should just show the menu on the website and not move anything.

Steps to reproduce

  1. Open the menu on any page within the website (Features page is probably the best place to do this)

Environment (remove values that do not apply)

- Browser: Google Chrome

Anything else?

Before opening the menu:
image
After opening the menu:
image

Code of Conduct

  • I agree to follow this project's Code of Conduct

[BUG] The menu should be round on hover

Is there an existing issue for this?

  • I have searched the existing issues

Current behavior

You hover over the menu icon and the, what should be a circle, isn't one.

Expected behavior

It should be rounded.

Steps to reproduce

  1. Navigate to the menu icon
  2. Hover over it

Environment (remove values that do not apply)

- OS: macOS and iOS
- Browser: Google Chrome and Safari

Anything else?

image

Code of Conduct

  • I agree to follow this project's Code of Conduct

[BUG] Theme select menu gives the entire footer a border on mobile view

Is there an existing issue for this?

  • I have searched the existing issues

Current behavior

The theme select menu gives the entire footer a border on mobile view which does not happen on desktop view nor it should.

Expected behavior

The border should be on the theme select menu, not the entire footer.

Steps to reproduce

  1. Scroll down to the footer
  2. Have a look

Environment (remove values that do not apply)

- Browser: Google Chrome

Anything else?

image

Code of Conduct

  • I agree to follow this project's Code of Conduct

Drawer Documenation link fails

Describe the bug
The Drawer Documentaiton link fails with a 404.

What kind of a bug is it?
Probably and old outdated linke

To Reproduce
Steps to reproduce the behavior:

  1. Go to dahliaos.io
  2. Click on the "hamburger" in the upper left corner
  3. Click on "Documentaiotn"
  4. See 404 error

Expected behavior
Should go to https://docs.dahliaos.io

Screenshots
Unnecessary

Browser (please complete the following information):

  • Desktop: Chrome
  • Mobile: Chrome

Additional context
None

Broken Image links in README.md

Describe the bug
There are 2 broken image links in README.md

What kind of a bug is it?
Bug type : Visual

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'README.md'
  2. There are two broken image links.

Expected behavior
The new links are to be updated in the README file.

Screenshots

Broken image 1

image

Broken image 2

image

Browser (please complete the following information):

  • Desktop: Chrome Version 95.0.4638.54 (Official Build) (64-bit)
  • Mobile: Chrome Version 94.0.4606.85

Demo not working on Firefox

Describe the bug
It works on Chrome but not Firefox: https://web.dahliaos.io/

What kind of a bug is it?
Functional

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://web.dahliaos.io/ on Firefox (64-bit, v97.0 on Linux).
  2. It will show a blank white page.
  3. Open the JS console, this is the error I see:
Uncaught Error: TypeError: 3: type 'minified:tc' is not a subtype of type 'String'
    c https://web.dahliaos.io/main.dart.js:4669
    b4 https://web.dahliaos.io/main.dart.js:5352
    T8 https://web.dahliaos.io/main.dart.js:29747
    s https://web.dahliaos.io/main.dart.js:5873
    $2 https://web.dahliaos.io/main.dart.js:43577
    $1 https://web.dahliaos.io/main.dart.js:43571
    pt https://web.dahliaos.io/main.dart.js:44638
    $0 https://web.dahliaos.io/main.dart.js:43967
    AZ https://web.dahliaos.io/main.dart.js:5997
    oc https://web.dahliaos.io/main.dart.js:43899
    cY https://web.dahliaos.io/main.dart.js:43566
    N https://web.dahliaos.io/main.dart.js:5863
    AF https://web.dahliaos.io/main.dart.js:92365
    s https://web.dahliaos.io/main.dart.js:5873
    $2 https://web.dahliaos.io/main.dart.js:43577
    $1 https://web.dahliaos.io/main.dart.js:43571
    pt https://web.dahliaos.io/main.dart.js:44638
    $0 https://web.dahliaos.io/main.dart.js:43967
    AZ https://web.dahliaos.io/main.dart.js:5997
    oc https://web.dahliaos.io/main.dart.js:43899
    cY https://web.dahliaos.io/main.dart.js:43566
    N https://web.dahliaos.io/main.dart.js:5863
    qf https://web.dahliaos.io/main.dart.js:92353
    s https://web.dahliaos.io/main.dart.js:5873
    $2 https://web.dahliaos.io/main.dart.js:43577
    $1 https://web.dahliaos.io/main.dart.js:43571
    pt https://web.dahliaos.io/main.dart.js:44638
    $0 https://web.dahliaos.io/main.dart.js:43967
    AZ https://web.dahliaos.io/main.dart.js:5997
    oc https://web.dahliaos.io/main.dart.js:43899
    cY https://web.dahliaos.io/main.dart.js:43566
    N https://web.dahliaos.io/main.dart.js:5863
    vD https://web.dahliaos.io/main.dart.js:91699
    s https://web.dahliaos.io/main.dart.js:5873
    $2 https://web.dahliaos.io/main.dart.js:43577
    $1 https://web.dahliaos.io/main.dart.js:43571
    pt https://web.dahliaos.io/main.dart.js:44638
    $0 https://web.dahliaos.io/main.dart.js:43967
    AZ https://web.dahliaos.io/main.dart.js:5997
    oc https://web.dahliaos.io/main.dart.js:43899
    $0 https://web.dahliaos.io/main.dart.js:43934
    bes https://web.dahliaos.io/main.dart.js:6029
    bf4 https://web.dahliaos.io/main.dart.js:6031
    $1 https://web.dahliaos.io/main.dart.js:43521
    bhh https://web.dahliaos.io/main.dart.js:4750
    s https://web.dahliaos.io/main.dart.js:4758

Expected behavior
The demo works.

Screenshots

Screenshot from 2022-02-25 10-42-14

Browser (please complete the following information):

Firefox 97.0 on Ubuntu 20.04.3 LTS.

Additional context

I disabled all Firefox add-ons, so a completely fresh browser.

[BUG] Buttons with only a border have no hover color

Is there an existing issue for this?

  • I have searched the existing issues

Current behavior

Currently buttons that only have a border and no fill color do not have a hover color even though it is specificed in their styled components.
This bug occured after we have change our theme system to MUI's.

Expected behavior

When you hover over the button, it should have a hover color.

Steps to reproduce

  1. Open the website
  2. Hover over the "Learn more" button

Using this one as an example, the bug applies to all buttons like that one on the website.

Environment (values that do not apply assign with "N/A")

- Browser: Google Chrome

Anything else?

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Add some documentation on how to build and test the website locally

Is your feature request related to a problem? Please describe.
I created PR #32 to fix a bug but I couldn't figure out how to build and run the website locally to test the fix.

Describe the solution you'd like
Add some documenation ot README.md on how to build and test locally.

Describe alternatives you've considered
I don't know of any.

Do you have an idea of how we would add it?
If provided the information I will create a PR.

Why should we add it?
To make it easier for people to create PR's for the website.

Additional context
N/A

[BUG] On mobile view, the animation flashes

Is there an existing issue for this?

  • I have searched the existing issues

Current behavior

By viewing the website on my phone, the mockup animation is triggered but after 2 seconds it disappears.

Expected behavior

The animation should not be triggered at all as it was made for desktop view only.

Steps to reproduce

  1. Open the website on your phone
  2. Watch it happen :)

Environment (remove values that do not apply)

- Browser: Google Chrome

Anything else?

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

[BUG] MUI overwriting the font family

Is there an existing issue for this?

  • I have searched the existing issues

Current behavior

The font that has been set globally for the website is Inter but it seems to not be displayed properly in the drawer, looks like some other font is being used.

Expected behavior

it should be using Inter as the font.

Steps to reproduce

  1. Open the drawer
  2. Take a look

Environment (remove values that do not apply)

- OS: macOS and iOS
- Browser: Google Chrome and Safari

Anything else?

image
and compare it to this
image

Code of Conduct

  • I agree to follow this project's Code of Conduct

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.