From 8bcc0064229523485fea115045c3351e08f5ee3f Mon Sep 17 00:00:00 2001 From: Matthew Wildman Date: Thu, 24 Aug 2023 09:33:19 -0400 Subject: [PATCH] Replaces disclosure-note shortcode with newer note shortcode (#6564) --- .../visualize-history/index.md | 4 +- .../index.md | 10 +- .../index.md | 449 +++++++++--------- .../index.md | 6 +- .../index.md | 4 +- .../flask-and-gunicorn-on-ubuntu/index.md | 15 +- .../install-gitlab-with-docker/index.md | 26 +- .../index.md | 4 +- .../use-linode-name-servers/index.md | 56 +-- .../whois-icann-name-servers.png | Bin .../whois-icann-registrar.png | Bin .../host-static-site-object-storage/index.md | 28 +- .../index.md | 17 +- .../linux-essentials/what-is-systemd/index.md | 6 +- .../index.md | 56 +-- .../index.md | 105 ++-- .../index.md | 66 +-- .../twilio-email-notifications-imap/index.md | 50 +- .../tuning-your-apache-server/index.md | 4 +- .../index.md | 5 +- .../index.md | 8 +- .../install-magento-2-4-on-centos-8/index.md | 12 +- 22 files changed, 460 insertions(+), 471 deletions(-) rename docs/guides/networking/dns/{ => _shortguides}/use-linode-name-servers/index.md (65%) rename docs/guides/networking/dns/{ => _shortguides}/use-linode-name-servers/whois-icann-name-servers.png (100%) rename docs/guides/networking/dns/{ => _shortguides}/use-linode-name-servers/whois-icann-registrar.png (100%) diff --git a/docs/guides/development/data-visualization/visualize-history/index.md b/docs/guides/development/data-visualization/visualize-history/index.md index 1a30b7babfe..583f77b9c20 100644 --- a/docs/guides/development/data-visualization/visualize-history/index.md +++ b/docs/guides/development/data-visualization/visualize-history/index.md @@ -34,12 +34,12 @@ Ensure you have the following programs and packages installed on your computer: 1. [wordcloud](https://pypi.org/project/wordcloud/) Python package 1. The [Golang](https://golang.org/doc/install) programming language -{{< disclosure-note "Assumptions">}} +{{< note >}} This guide assumes you have some basic familiarity with the following concepts and skills: 1. Basic programming principles and data structures 1. Are able to read code written in Go, Python, HTML, CSS, and JavaScript -{{}} +{{< /note >}} ## Create Your Data Sets diff --git a/docs/guides/development/javascript/how-to-build-and-use-vuejs-components/index.md b/docs/guides/development/javascript/how-to-build-and-use-vuejs-components/index.md index 1ffee53b60d..041272734cb 100644 --- a/docs/guides/development/javascript/how-to-build-and-use-vuejs-components/index.md +++ b/docs/guides/development/javascript/how-to-build-and-use-vuejs-components/index.md @@ -288,18 +288,18 @@ When loaded in a browser, the page should appear identical to the example in the On lines 6-8, notice how instead of passing the `title` prop with an argument, we pass it within the component's open and close tags: -```html +```file

Rating 1

 ``` On line 20, the slot is referenced with the `` syntax. As shown in this example, slots support HTML. As well, they have access to the parentโ€™s scope (not demonstrated here), and they even support [nesting more components](#nesting-slots). -{{< disclosure-note "About slot scope" >}} +{{< note type="secondary" title="About slot scope" isCollapsible=true >}} Slot [scope](https://vuejs.org/v2/guide/components-slots.html#Compilation-Scope) is an important concept to grasp when working with slots. Even though the content you are passing from the parent is intended for the component, you are still within the context of the parent. For example, trying to access the `count` data of the `rating-counter` component like this would fail: -```html +```file {lang=html}

{{ count }}

 @@ -307,14 +307,14 @@ For example, trying to access the `count` data of the `rating-counter` component However, as you are within the scope of the parent app, you can access the `parentHeader` object (or any other app data): -```html +```file {lang=html}

{{ parentHeader.label }}

 ``` Using the `parentHeader.label` string here wouldn't make much sense anyway, so this would only serve to demonstrate the scope concept. -{{< /disclosure-note >}} +{{< /note >}} ### Nesting Slots diff --git a/docs/guides/development/javascript/how-to-create-and-use-single-file-components-vuejs/index.md b/docs/guides/development/javascript/how-to-create-and-use-single-file-components-vuejs/index.md index ffc01e97359..775c91486fc 100644 --- a/docs/guides/development/javascript/how-to-create-and-use-single-file-components-vuejs/index.md +++ b/docs/guides/development/javascript/how-to-create-and-use-single-file-components-vuejs/index.md @@ -243,39 +243,38 @@ On lines 7, 8, and 13 you will notice the `<%= %>` syntax where the favicon link - It populates the variables that you embed using the template syntax. You can see more about the default variable values exposed by webpack [here](https://github.com/jantimon/html-webpack-plugin#writing-your-own-templates). - It automatically connects your index to the app bundle that webpack compiles: on line 19, you'll see a comment that says the files built by webpack are auto-injected by the build procedure. - {{< disclosure-note "More about the build procedure for index.html" >}} - -This is an example of what the file will look like after the build procedure: - -{{< file "index.html" html >}} - - - - - - - single-file-components - - - - - - - -
- - - - -{{< /file >}} - -Notice that your app's script and CSS dependencies have been added to the file on lines 21 and 22, and that these files have random hash appended their names (e.g. `app.ae3090b2.js`). These hashes will change over time for subsequent builds of your app, and the html-webpack-plugin will keep the hash updated in your index. Without this feature, you would need to update those lines for each build. -{{< /disclosure-note >}} + {{< note type="secondary" title="More about the build procedure for index.html" isCollapsible=true >}} + This is an example of what the file will look like after the build procedure: + + ```file {title="index.html" lang=html} + + + + + + + single-file-components + + + + + + + +
+ + + + + ``` + + Notice that your app's script and CSS dependencies have been added to the file on lines 21 and 22, and that these files have random hash appended their names (e.g. `app.ae3090b2.js`). These hashes will change over time for subsequent builds of your app, and the html-webpack-plugin will keep the hash updated in your index. Without this feature, you would need to update those lines for each build. + {{< /note >}} The rest of the body contains these elements: @@ -650,133 +649,133 @@ methods: { - At the end of the `rateHandler` method, the component's ratings are converted to a JSON object and saved so we can use them as a starting point the next time the page loads (line 33). - {{< disclosure-note "Full contents of App.vue">}} -At this point, your `App.vue` should be the same as this snippet: - -{{< file "src/App.vue" >}} -