diff --git a/_chapters/create-an-s3-bucket-for-file-uploads.md b/_chapters/create-an-s3-bucket-for-file-uploads.md index c5ccaf8d3..9655a2231 100644 --- a/_chapters/create-an-s3-bucket-for-file-uploads.md +++ b/_chapters/create-an-s3-bucket-for-file-uploads.md @@ -20,7 +20,7 @@ First, log in to your [AWS Console](https://console.aws.amazon.com) and select * ![Select S3 Service screenshot](/assets/s3/select-s3-service.png) -Select **Create Bucket**. +Select **Create bucket**. ![Select Create Bucket screenshot](/assets/s3/select-create-bucket.png) @@ -33,7 +33,7 @@ Make a note of the name and region as we'll be using it later in the guide. ![Enter S3 Bucket Info screenshot](/assets/s3/enter-s3-bucket-info.png) -Step through the next steps and leave the defaults by clicking **Next**, and then click **Create Bucket** on the last step. +Step through the next steps and leave the defaults by clicking **Next**, and then click **Create bucket** on the last step. ![Set S3 Bucket Properties screenshot](/assets/s3/set-s3-bucket-properties.png) ![Set S3 Bucket Permissions screenshot](/assets/s3/set-s3-bucket-permissions.png) diff --git a/_chapters/create-an-s3-bucket.md b/_chapters/create-an-s3-bucket.md index 17b7534bd..b9025475c 100644 --- a/_chapters/create-an-s3-bucket.md +++ b/_chapters/create-an-s3-bucket.md @@ -20,15 +20,19 @@ First, log in to your [AWS Console](https://console.aws.amazon.com) and select S Select **Create Bucket** and pick a name for your application and select the **US East (N. Virginia) Region** Region. Since our application is being served out using a CDN, the region should not matter to us. -![Create S3 static website Bucket screenshot](/assets/create-s3-bucket.png) +![Create S3 static website Bucket screenshot](/assets/create-s3-bucket-1-name.png) -Go through the next steps and leave the defaults by clicking **Next**. +Click **Next** through the configure options step. -![Create S3 static website Bucket next properties screenshot](/assets/create-s3-bucket-next-properties.png) +![Create S3 static website Bucket next configure options screenshot](/assets/create-s3-bucket-2-configure-options.png) -![Create S3 static website Bucket next permissions screenshot](/assets/create-s3-bucket-next-permissions.png) +In the permissions step, make sure to uncheck **Block new public bucket policies** and **Block public and cross-account access if bucket has public policies**. Making buckets public is a common security error, but in our case we'll be serving our app from the bucket, so want it to be public. -![Create S3 static website Bucket next review screenshot](/assets/create-s3-bucket-next-review.png) +![Create S3 static website Bucket next permissions screenshot](/assets/create-s3-bucket-3-permissions.png) + +Click **Create bucket** on the review page to create the bucket. + +![Create S3 static website Bucket next review screenshot](/assets/create-s3-bucket-4-review.png) Now click on your newly created bucket from the list and navigate to its permissions panel by clicking **Permissions**. @@ -66,7 +70,7 @@ And finally we need to turn our bucket into a static website. Select the **Prope ![Select properties tab screenshot](/assets/select-bucket-properties.png) -Select **Static website hosting**. +Select **Static website hosting**. ![Select static website hosting screenshot](/assets/select-static-website-hosting.png) diff --git a/_sass/theme/_layout.scss b/_sass/theme/_layout.scss index d4263c63c..ecb016b06 100644 --- a/_sass/theme/_layout.scss +++ b/_sass/theme/_layout.scss @@ -51,12 +51,12 @@ img { margin-right: 5px; display: inline-block; - vertical-align: middle; + vertical-align: middle; } span { font-size: 26px; - vertical-align: middle; + vertical-align: middle; font-weight: 700; color: $text-color; } @@ -116,12 +116,12 @@ img { margin-right: 5px; display: inline-block; - vertical-align: middle; + vertical-align: middle; } span { font-size: 30px; - vertical-align: middle; + vertical-align: middle; font-weight: 700; color: $text-color; } @@ -450,7 +450,7 @@ li { margin-top: 3px; - padding-left: 10px; + padding-left: 10px; text-indent: -11px; &::before { diff --git a/assets/add-bucket-policy.png b/assets/add-bucket-policy.png index 8380c5987..58d91b1d4 100644 Binary files a/assets/add-bucket-policy.png and b/assets/add-bucket-policy.png differ diff --git a/assets/create-s3-bucket-1-name.png b/assets/create-s3-bucket-1-name.png new file mode 100644 index 000000000..f355b41f6 Binary files /dev/null and b/assets/create-s3-bucket-1-name.png differ diff --git a/assets/create-s3-bucket-2-configure-options.png b/assets/create-s3-bucket-2-configure-options.png new file mode 100644 index 000000000..425b4d403 Binary files /dev/null and b/assets/create-s3-bucket-2-configure-options.png differ diff --git a/assets/create-s3-bucket-3-permissions.png b/assets/create-s3-bucket-3-permissions.png new file mode 100644 index 000000000..10584becb Binary files /dev/null and b/assets/create-s3-bucket-3-permissions.png differ diff --git a/assets/create-s3-bucket-4-review.png b/assets/create-s3-bucket-4-review.png new file mode 100644 index 000000000..d5b1fd53c Binary files /dev/null and b/assets/create-s3-bucket-4-review.png differ diff --git a/assets/create-s3-bucket-next-permissions.png b/assets/create-s3-bucket-next-permissions.png deleted file mode 100644 index 2fa949996..000000000 Binary files a/assets/create-s3-bucket-next-permissions.png and /dev/null differ diff --git a/assets/create-s3-bucket-next-properties.png b/assets/create-s3-bucket-next-properties.png deleted file mode 100644 index f785b3489..000000000 Binary files a/assets/create-s3-bucket-next-properties.png and /dev/null differ diff --git a/assets/create-s3-bucket-next-review.png b/assets/create-s3-bucket-next-review.png deleted file mode 100644 index ac289208c..000000000 Binary files a/assets/create-s3-bucket-next-review.png and /dev/null differ diff --git a/assets/create-s3-bucket.png b/assets/create-s3-bucket.png deleted file mode 100644 index fdc868b20..000000000 Binary files a/assets/create-s3-bucket.png and /dev/null differ diff --git a/assets/edit-static-web-hosting-properties.png b/assets/edit-static-web-hosting-properties.png index 31f00429d..b764ef181 100644 Binary files a/assets/edit-static-web-hosting-properties.png and b/assets/edit-static-web-hosting-properties.png differ diff --git a/assets/s3/enter-s3-bucket-info.png b/assets/s3/enter-s3-bucket-info.png index 2bd5fab76..fdfe45aaf 100644 Binary files a/assets/s3/enter-s3-bucket-info.png and b/assets/s3/enter-s3-bucket-info.png differ diff --git a/assets/s3/review-s3-bucket.png b/assets/s3/review-s3-bucket.png index a75e9d923..0e2e45bbe 100644 Binary files a/assets/s3/review-s3-bucket.png and b/assets/s3/review-s3-bucket.png differ diff --git a/assets/s3/save-s3-bucket-cors-configuration.png b/assets/s3/save-s3-bucket-cors-configuration.png index 26aacaac8..83e726ba9 100644 Binary files a/assets/s3/save-s3-bucket-cors-configuration.png and b/assets/s3/save-s3-bucket-cors-configuration.png differ diff --git a/assets/s3/select-create-bucket.png b/assets/s3/select-create-bucket.png index 9da79601b..aa2363610 100644 Binary files a/assets/s3/select-create-bucket.png and b/assets/s3/select-create-bucket.png differ diff --git a/assets/s3/select-created-s3-bucket.png b/assets/s3/select-created-s3-bucket.png index 4c7c1f367..8dd301ba1 100644 Binary files a/assets/s3/select-created-s3-bucket.png and b/assets/s3/select-created-s3-bucket.png differ diff --git a/assets/s3/select-s3-bucket-cors-configuration.png b/assets/s3/select-s3-bucket-cors-configuration.png index 606ee92b6..e8be57cc1 100644 Binary files a/assets/s3/select-s3-bucket-cors-configuration.png and b/assets/s3/select-s3-bucket-cors-configuration.png differ diff --git a/assets/s3/set-s3-bucket-permissions.png b/assets/s3/set-s3-bucket-permissions.png index 35d5109c3..f5f432634 100644 Binary files a/assets/s3/set-s3-bucket-permissions.png and b/assets/s3/set-s3-bucket-permissions.png differ diff --git a/assets/s3/set-s3-bucket-properties.png b/assets/s3/set-s3-bucket-properties.png index 0fcf4ab5c..d86faae48 100644 Binary files a/assets/s3/set-s3-bucket-properties.png and b/assets/s3/set-s3-bucket-properties.png differ diff --git a/assets/save-bucket-policy.png b/assets/save-bucket-policy.png index 89afae057..d4c401232 100644 Binary files a/assets/save-bucket-policy.png and b/assets/save-bucket-policy.png differ diff --git a/assets/select-bucket-permissions.png b/assets/select-bucket-permissions.png index dad16a27f..5d28e96c0 100644 Binary files a/assets/select-bucket-permissions.png and b/assets/select-bucket-permissions.png differ diff --git a/assets/select-bucket-properties.png b/assets/select-bucket-properties.png index 2f33571a5..af45d7fae 100644 Binary files a/assets/select-bucket-properties.png and b/assets/select-bucket-properties.png differ diff --git a/assets/select-static-website-hosting.png b/assets/select-static-website-hosting.png index fbc677c93..6d2196918 100644 Binary files a/assets/select-static-website-hosting.png and b/assets/select-static-website-hosting.png differ