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.

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

remove unnecessary oversized gifs, ignore necessary ones #1557

Open
wants to merge 4 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file not shown.
Binary file not shown.
Binary file removed _source/_assets/img/blog/vchat-app/chatapp.orig.gif
Binary file not shown.
Original file line number Diff line number Diff line change
Expand Up @@ -27,8 +27,6 @@ By the time you've gone through this guide, you'll have a much better understand

Let's get started.

{% img blog/vchat-app/chatapp.orig.gif alt:"Chat App Demo" width:"800" %}{: .center-image }

**NOTE**: Want to play around with the chat app in real-time? You can do so here: https://naughty-bhabha-908faa.netlify.com You can also view the source code for the app we'll be building [on GitHub](https://github.com/rdegges/chatapp).

## Create the Web Page
Expand Down Expand Up @@ -206,8 +204,6 @@ Once you've got your Okta account and you're logged into the Okta dashboard, you

To do this, navigate to the **Applications** tab from your dashboard and click the **Add Application** button. Once there, click the **Single-Page App** icon (because you are building a SPA) then click **Next**.

{% img blog/vchat-app/create-okta-app.gif alt:"Okta create app" width:"800" %}{: .center-image }

Once you've reached the **Create New Application** page fill out the **Application Settings** form with the following information:

{% img blog/vchat-app/okta-app-settings.png alt:"Okta app settings" width:"800" %}{: .center-image }
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -330,7 +330,7 @@ export default () => (

Go ahead and give it a whirl! You should be able to search through a set of (fake) users, select one, choose another, etc.

{% img blog/react-redux-jwt/select-a-user.gif alt:"Select a User" width:"800" %}{: .center-image }
{% img blog/react-jwt/select-a-user.gif alt:"Select a User" width:"800" %}{: .center-image }

## Add Authentication to React with okta

Expand Down Expand Up @@ -785,7 +785,7 @@ export default connect(mapStateToProps)(Header);

When the app first loads, the user state starts out as `null` and Okta needs to do some work in the background to get you a token. In the meantime, you display a spinner with `<Loader active inline />`. If you're logged out, you get a link to sign in. If you're already logged in, it displays your name with a dropdown option to log back out. To help you out, if you're logged in as an Admin it'll tell you right in the header.

{% img blog/react-redux-jwt/admins-vs-everyone.gif alt:"Admins vs Everyone" width:"800" %}{: .center-image }
{% img blog/react-jwt/admins-vs-everyone.gif alt:"Admins vs Everyone" width:"800" %}{: .center-image }

### Bonus Tip

Expand Down
19 changes: 15 additions & 4 deletions scripts/image-validation-ignore.json
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
[
"_source/_assets/img/blog/25-years-javascript-java/25-years-javascript-java.png",
"_source/_assets/img/blog/add-sso-spring-boot-15-min/spring-boot-run.png",
"_source/_assets/img/blog/angular-graphql/angular-graphql-social.png",
"_source/_assets/img/blog/angular-ivy/angular9-ivy.png",
"_source/_assets/img/blog/aspnetcore-login/okta-dotnet-books-quarter.jpg",
Expand All @@ -12,6 +13,7 @@
"_source/_assets/img/blog/edunham-intro/edunham-joins-okta-social-image.png",
"_source/_assets/img/blog/elasticsearch-go/social-image.png",
"_source/_assets/img/blog/engineering-horror-stories/EngineeringHorrorStoriesThumbnail.png",
"_source/_assets/img/blog/express-auth/login-flow.gif",
"_source/_assets/img/blog/featured/okta-android-bottle-headphones-light.jpg",
"_source/_assets/img/blog/featured/okta-android-skew.jpg",
"_source/_assets/img/blog/featured/okta-angular-bottle-headphones.jpg",
Expand Down Expand Up @@ -46,6 +48,7 @@
"_source/_assets/img/blog/featured/okta-vue-bottle-headphones.jpg",
"_source/_assets/img/blog/featured/okta-vue-tile-books-mouse.jpg",
"_source/_assets/img/blog/first-nestjs-application/social-image.png",
"_source/_assets/img/blog/first-router-node-express/file-server.gif",
"_source/_assets/img/blog/fix-common-problems-cors/social.png",
"_source/_assets/img/blog/graphql-express/okta-node-skew.jpg",
"_source/_assets/img/blog/java-oauth2-2022/java-roadmap.jpg",
Expand All @@ -59,16 +62,24 @@
"_source/_assets/img/blog/musician-programmer/MusicianDeveloper.png",
"_source/_assets/img/blog/native-java-comparison/native-java.png",
"_source/_assets/img/blog/nestjs-react/social-image.png",
"_source/_assets/img/blog/new-dev-console/nasa-console-1.jpg",
"_source/_assets/img/blog/new-dev-console/nasa-console-2.jpg",
"_source/_assets/img/blog/node-graphql/crud-a-quote.gif",
"_source/_assets/img/blog/node-typescript/realtime-chat.gif",
"_source/_assets/img/blog/offline-apps-antarctica/elephantisland.jpg",
"_source/_assets/img/blog/offline-jwt-validation-with-go/social.png",
"_source/_assets/img/blog/okta-identity-engine-early-access-hackathon/hackathon-social.png",
"_source/_assets/img/blog/python-serverless/python-serverless-social.png",
"_source/_assets/img/blog/react-jwt/admins-vs-everyone.gif",
"_source/_assets/img/blog/react-jwt/select-a-user.gif",
"_source/_assets/img/blog/react-login/react-login.png",
"_source/_assets/img/blog/react-routing/react-routing.png",
"_source/_assets/img/blog/reactive-java/reactive-java.png",
"_source/_assets/img/blog/rubyonrails6/railstrain.png",
"_source/_assets/img/blog/rxjava-android/whole-flow.gif",
"_source/_assets/img/blog/security-headers-best-practices/security-headers-social.png",
"_source/_assets/img/blog/sign-in-with-apple/sign-in-with-apple.jpg",
"_source/_assets/img/blog/signin-custom-domain/themed-sign-in.gif",
"_source/_assets/img/blog/socket-io-react-tutorial/socket-io-tutorial.png",
"_source/_assets/img/blog/spring-boot-docker/spring-boot-docker.png",
"_source/_assets/img/blog/spring-boot-test-slices/spring-boot-test-slices.png",
Expand All @@ -82,9 +93,9 @@
"_source/_assets/img/blog/the-development-environment-of-the-future/card.png",
"_source/_assets/img/blog/token-hooks/crochet.png",
"_source/_assets/img/blog/ultimate-guide-to-password-hashing-in-okta/header.png",
"_source/_assets/img/blog/vchat-app/vchat-live-test.gif",
"_source/_assets/img/blog/vscode-extensions-for-nodejs/eslint.gif",
"_source/_assets/img/blog/vscode-extensions-for-nodejs/npm-palette.gif",
"_source/_assets/img/blog/working-remotely/workingremoteBW.jpg",
"_source/_assets/img/blog/zoom-hammerspoon/zoom-mute-indicator-light.png",
"_source/_assets/img/blog/add-sso-spring-boot-15-min/spring-boot-run.png",
"_source/_assets/img/blog/new-dev-console/nasa-console-1.jpg",
"_source/_assets/img/blog/new-dev-console/nasa-console-2.jpg"
"_source/_assets/img/blog/zoom-hammerspoon/zoom-mute-indicator-light.png"
]
Loading