Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Design] Loading screen #100

Closed
1 task done
bdougie opened this issue Jul 23, 2022 · 6 comments
Closed
1 task done

[Design] Loading screen #100

bdougie opened this issue Jul 23, 2022 · 6 comments
Assignees
@eryc-cc
Labels
low-priority
Milestone
Hacktoberfest Rea...

Comments

@bdougie
Copy link
Member

bdougie commented Jul 23, 2022 •
edited by eryc-cc
Loading

Summary

Test page

When you initially load the page, you see "test page." I am not sure what the context is for having this, but my thought is if we are showing this page prior to showing the dashboard, then we should make it a loading page.

Screen Shot 2022-07-23 at 6 55 41 AM

I am also not sure if this is a cache thing, when you refresh the page you see the Next default screen. This should be removed.

#99 (comment)

Screen Shot 2022-07-23 at 6 56 44 AM

Loading screen

The user should not see either, instead, they should see a loading screen or the dashboard. Netlify has a good example when visiting app.netlify.com after log in. The logo animates

Screen Shot 2022-07-23 at 6 58 44 AM
@bdougie bdougie added the needs design Front-end tasks that are missing a design. Create a new issue for the design. label Jul 23, 2022
@eryc-cc eryc-cc mentioned this issue Jul 25, 2022
Closed
@eryc-cc eryc-cc added 🖍 design and removed needs design Front-end tasks that are missing a design. Create a new issue for the design. labels Jul 25, 2022
@eryc-cc eryc-cc changed the title [Design needed] Loading screen [Design] Loading screen Jul 25, 2022
@eryc-cc eryc-cc self-assigned this Jul 28, 2022
@eryc-cc
Copy link
Contributor

eryc-cc commented Jul 28, 2022

@bdougie I think I'd like to experiment with something like this: https://codepen.io/markheggan/pen/LjrVYN

But with our logo where we have OPEN in the background, and sauced on top of it

@eryc-cc
Copy link
Contributor

eryc-cc commented Jul 28, 2022

Here are some other options:

@eryc-cc eryc-cc mentioned this issue Aug 1, 2022
Closed
@eryc-cc
Copy link
Contributor

eryc-cc commented Aug 1, 2022

Ok, the Neon writing might not be the best idea. But what about a neon pizza icon?

Or something like this:

@bdougie
Copy link
Member Author

bdougie commented Aug 1, 2022

I don't think words are the right direction, but the pizza is. I leave towards simpler the better, we share a nice element while the view waits. The loading currently takes less than a second, so anything too complicated might give the wrong experience wanting the user to refresh to see the animation again.

TBH, the spinning pizza is the best. We could even play around with it.

@chadstewart
Copy link
Contributor

Yeah, no gonna lie. Pizza animation is pretty sick honestly.

@eryc-cc eryc-cc mentioned this issue Aug 8, 2022
Closed
This was referenced Aug 14, 2022
Merged
Closed
This was referenced Aug 22, 2022
Closed
Closed
@eryc-cc eryc-cc mentioned this issue Sep 5, 2022
Closed
@eryc-cc
Copy link
Contributor

eryc-cc commented Sep 7, 2022

We'll have a neon-like loading screen.

Screen Shot 2022-09-06 at 10 05 40 PM

@eryc-cc eryc-cc closed this as completed Sep 7, 2022
github-actions bot pushed a commit that referenced this issue Jul 18, 2023
@OgDev-01 @open-sauced
chore(minor): release 1.57.0-beta.1 on beta channel [skip ci]
298718f 
## [1.57.0-beta.1](v1.56.1-beta.3...v1.57.0-beta.1) (2023-07-18)

### 🍕 Features

* add `[#100](#100 challenge anouncement to feeds ([#1389](#1389)) ([751dbbf](751dbbf))
github-actions bot pushed a commit that referenced this issue Jul 24, 2023
@brandonroberts @open-sauced
chore(minor): release 1.57.0 [skip ci]
e1d0353 
## [1.57.0](v1.56.0...v1.57.0) (2023-07-24)

### 🤖 Build System

* update eslint prettier config and setup commit hooks ([#1396](#1396)) ([ac9b276](ac9b276))

### 🔁 Continuous Integration

* disable husky for release ([2537649](2537649))
* fix husky command during release ([3e493a2](3e493a2))

### 🐛 Bug Fixes

* add `pullrequestLink` check into `HighlightInput` form `isDivFocused` condition ([#1406](#1406)) ([f3fda46](f3fda46))
* Auto-Scroll Not Triggered Upon Clicking 'Next Page' in Highlight… ([#1387](#1387)) ([77b161d](77b161d))
* flash of "test content" while loading in dashboard page ([#1409](#1409)) ([ad23f14](ad23f14))
* Improved the user experience of the highlights input form ([#1362](#1362)) ([2425dc4](2425dc4))
* Issue [#1374](#1374) All suggestions are being displayed with scroll area ([#1380](#1380)) ([1de56c7](1de56c7))
* Move card image api route ([#1401](#1401)) ([d650161](d650161))
* update top contributors response data ([#1397](#1397)) ([9053091](9053091))

### 🍕 Features

* add `[#100](#100 challenge anouncement to feeds ([#1389](#1389)) ([751dbbf](751dbbf))
* add 404 page ([#1390](#1390)) ([37bd475](37bd475))
* add discord link to user profile ([#1370](#1370)) ([f94bc3b](f94bc3b))
* Add links to getting started docs ([#1395](#1395)) ([c58cc80](c58cc80))
* add upgrade access button to user settings page ([#1398](#1398)) ([671ebf4](671ebf4))
* implement improved highlights form with ai auto-summarise ([#1381](#1381)) ([023f576](023f576))
* implemented hover and highlight contribution graph ([#1404](#1404)) ([0453370](0453370))
open-sauced bot pushed a commit that referenced this issue Apr 17, 2024
@brandonroberts @open-sauced
chore(minor): release 2.19.0-beta.16 on beta channel [skip ci]
a4955bd 
## [2.19.0-beta.16](v2.19.0-beta.15...v2.19.0-beta.16) (2024-04-17)

### 🍕 Features

* switch [#100](#100 banner with Workspaces banner on feed page ([#3216](#3216)) ([417e98b](417e98b))
open-sauced bot pushed a commit that referenced this issue Apr 17, 2024
@brandonroberts @open-sauced
chore(minor): release 2.19.0 [skip ci]
2a7908e 
## [2.19.0](v2.18.0...v2.19.0) (2024-04-17)

### 🐛 Bug Fixes

* fixed star search URL for SEO ([#3218](#3218)) ([69f8d67](69f8d67))
* now links in collapsed sidebar no longer receive focus ([#3187](#3187)) ([5b05ace](5b05ace))
* now repo page OG images are corrext for production ([#3179](#3179)) ([772c7b5](772c7b5))
* now there is feedback when saving or updating workspace settings ([#3184](#3184)) ([43784b2](43784b2))
* quick fix StarSearch response ([#3194](#3194)) ([0c2847e](0c2847e))
* remove console.info call from mutateHandler in AppSidebar component ([#3185](#3185)) ([96b63d7](96b63d7))
* removed activity column from contributor grid ([#3206](#3206)) ([4b11168](4b11168))
* removed deprecated list pages ([#3197](#3197)) ([fa14557](fa14557))
* update logic for most used languages to match contributor profile ([#3205](#3205)) ([e8f8a75](e8f8a75))
* updated styles of create insights links in sidebar ([#3173](#3173)) ([6c0c5ce](6c0c5ce))

### 🍕 Features

* add link from Repo pages to GitHub ([#3177](#3177)) ([f4e1de4](f4e1de4))
* add support for blogpost from generic platforms  ([#2555](#2555)) ([8ca6f25](8ca6f25))
* basic implementation of StarSearch ([#3162](#3162)) ([0086134](0086134))
* change repo links from github to repo pages ([#3178](#3178)) ([506dde2](506dde2))
* Create robots.txt ([#3183](#3183)) ([751c561](751c561))
* created the workspace activity page with a pull requests table ([#3147](#3147)) ([9f65b9c](9f65b9c))
* rename cumulative to history in Repo pages ([#3195](#3195)) ([8a33e24](8a33e24))
* render markdown for `/starsearch` responses ([#3204](#3204)) ([49ce317](49ce317))
* styling `/starsearch` ([#3211](#3211)) ([5e4c037](5e4c037))
* switch [#100](#100 banner with Workspaces banner on feed page ([#3216](#3216)) ([417e98b](417e98b))
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@eryc-cc eryc-cc

Labels
low-priority
Projects
No open projects
OpenSauced Operational Roadmap
Status: Done
Milestone
Hacktoberfest Ready - Week 34
Development

No branches or pull requests
3 participants
@bdougie @chadstewart @eryc-cc