diff --git a/content/latest/deploy/public-clouds/aws.md b/content/latest/deploy/public-clouds/aws.md index 5580b1e7..196b0d14 100644 --- a/content/latest/deploy/public-clouds/aws.md +++ b/content/latest/deploy/public-clouds/aws.md @@ -13,7 +13,13 @@ menu:
-
+
+ {{% includeMarkdown "aws/cloudformation.md" /%}} +
+
{{% includeMarkdown "aws/terraform.md" /%}}
diff --git a/content/latest/deploy/public-clouds/aws/cloudformation.md b/content/latest/deploy/public-clouds/aws/cloudformation.md new file mode 100644 index 00000000..71b014e6 --- /dev/null +++ b/content/latest/deploy/public-clouds/aws/cloudformation.md @@ -0,0 +1,43 @@ +## Prerequisites + +Download the template file +```sh +$ wget https://raw.githubusercontent.com/yugabyte/aws-cloudformation/master/yugabyte_cloudformation.yaml +``` + +## AWS Command Line + +Create CloudFormation template: + +```sh +$ aws cloudformation create-stack --stack-name --template-body yugabyte_cloudformation.yaml --parameters DBVersion=1.2.8.0, KeyName= +``` +Once resource creation completes, check that stack was created: + +```sh +$ aws cloudformation describe-stacks --stack-name +``` +From this output, you will be able to get the VPC id and YugaByte DB admin URL. + +## AWS Console + +1. Navigate to your AWS console and open the CloudFormation dashboard. Click `Create Stack` + +
+2. Prepare template using the downloaded template + +
+3. Specify the template file downloaded in Prerequisites: `yugabyte_cloudformation.yaml` + +
+4. Provide the required parameters. Each of these fields are prefilled with information from the configuration yaml file that was uploaded. `LatestAmiId` refers to the id of the machine image to use, see [more](https://docs.aws.amazon.com/AWSEC2/latest/UserGuide/finding-an-ami.html). + +
+5. Configure Stack options. For more information about these options click [here](https://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/cfn-console-add-tags.html). + +
+6. Finalize changes before creation + +
+7. Check stack output in dashboard + diff --git a/layouts/_default/single.html b/layouts/_default/single.html index cd004f1c..11579bd6 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -63,7 +63,14 @@

{{ .Description }} {{ if .IsDraft }} (Draft){{ end }}{{ if .Page.Params.beta {{ partial "footer_links" . }} - +
diff --git a/src/index.js b/src/index.js index 319bae0f..3a981102 100644 --- a/src/index.js +++ b/src/index.js @@ -128,6 +128,16 @@ $(document).ready(() => { }, }).show(); + $('.expandable-image').click(function () { + $('#imageModal').modal('show'); + $('#imageModal .modal-body').html($(this).clone()); + }); + + $('#imageModal').on('hide.bs.modal', () => { + $('#imageModal .modal-body').html(''); + $('#imageModal').hide(); + }); + ((document, Clipboard) => { const $codes = document.querySelectorAll('pre'); // Check if there's a language class (mark of to-be-copied content) diff --git a/static/images/deploy/aws/aws-cf-check-output.png b/static/images/deploy/aws/aws-cf-check-output.png new file mode 100644 index 00000000..c0fae73c Binary files /dev/null and b/static/images/deploy/aws/aws-cf-check-output.png differ diff --git a/static/images/deploy/aws/aws-cf-configure-options.png b/static/images/deploy/aws/aws-cf-configure-options.png new file mode 100644 index 00000000..604c2106 Binary files /dev/null and b/static/images/deploy/aws/aws-cf-configure-options.png differ diff --git a/static/images/deploy/aws/aws-cf-initial-dashboard.png b/static/images/deploy/aws/aws-cf-initial-dashboard.png new file mode 100644 index 00000000..8ae46d61 Binary files /dev/null and b/static/images/deploy/aws/aws-cf-initial-dashboard.png differ diff --git a/static/images/deploy/aws/aws-cf-prepare-template.png b/static/images/deploy/aws/aws-cf-prepare-template.png new file mode 100644 index 00000000..dcc4305d Binary files /dev/null and b/static/images/deploy/aws/aws-cf-prepare-template.png differ diff --git a/static/images/deploy/aws/aws-cf-provide-parameters.png b/static/images/deploy/aws/aws-cf-provide-parameters.png new file mode 100644 index 00000000..bc6e155b Binary files /dev/null and b/static/images/deploy/aws/aws-cf-provide-parameters.png differ diff --git a/static/images/deploy/aws/aws-cf-review-stack.png b/static/images/deploy/aws/aws-cf-review-stack.png new file mode 100644 index 00000000..7061c6ab Binary files /dev/null and b/static/images/deploy/aws/aws-cf-review-stack.png differ diff --git a/static/images/deploy/aws/aws-cf-upload-template.png b/static/images/deploy/aws/aws-cf-upload-template.png new file mode 100644 index 00000000..f7debd3f Binary files /dev/null and b/static/images/deploy/aws/aws-cf-upload-template.png differ diff --git a/styles/_navbar.scss b/styles/_navbar.scss index a6074b46..e7a2a455 100644 --- a/styles/_navbar.scss +++ b/styles/_navbar.scss @@ -15,7 +15,7 @@ body { left: 0; width: 100%; height: 75px; - z-index: 10000; + z-index: 5000; } @media (min-width: 992px) { diff --git a/styles/_toc.scss b/styles/_toc.scss index a0d5d8b3..cacd0fd6 100644 --- a/styles/_toc.scss +++ b/styles/_toc.scss @@ -88,8 +88,9 @@ pre code.copy + textarea + button.copy, .copy pre code + textarea + button.copy, position: absolute; top: 0; left: 0; - font: normal normal normal 18px/1 FontAwesome; - content: '\F00C'; + font: normal normal normal 18px/1 'Font Awesome 5 Free'; + font-weight: 900; + content: '\f00c'; color: #fff; text-align: center; border-radius: 2px; diff --git a/styles/_yuga_content.scss b/styles/_yuga_content.scss index 58926408..f571e291 100644 --- a/styles/_yuga_content.scss +++ b/styles/_yuga_content.scss @@ -43,7 +43,8 @@ list-style-type: none; &:before { content: '\f067'; - font-family: 'FontAwesome'; + font-family: 'Font Awesome 5 Free'; + font-weight: 900; font-size: 13px; background-color: transparent; border: none; @@ -75,3 +76,8 @@ } } } + +.article .expandable-image { + display: block; + width: 350px; +} diff --git a/styles/_yuga_overrides.scss b/styles/_yuga_overrides.scss index 702cba28..17a7e9ea 100644 --- a/styles/_yuga_overrides.scss +++ b/styles/_yuga_overrides.scss @@ -991,7 +991,7 @@ h1, h2, h3, h4, h5, h6 { font-size: 14px; background-color: #f75821; cursor: pointer; - z-index: 9999; + z-index: 4999; -moz-transition: bottom 300ms ease; -webkit-transition: bottom 300ms ease; @@ -1169,6 +1169,24 @@ h1, h2, h3, h4, h5, h6 { } } +/** Bootstrap Overrides **/ +.modal { + z-index: 6000; +} +.modal.show .modal-dialog { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + min-width: 1280px; + + img { + width: 100%; + } +} +.modal-backdrop { + z-index: 5500; +} +/***********************/ + @media screen and (max-width: 959px) { .breadcrumbs { margin-top: 0;