Browse Source

Docs: Fix up formatting on tutorial 'create' pages

LB 4 months ago
parent
commit
4bd95942e7
2 changed files with 28 additions and 28 deletions
  1. 13 13
      docs/tutorial/create_contact_page.md
  2. 15 15
      docs/tutorial/create_portfolio_page.md

+ 13 - 13
docs/tutorial/create_contact_page.md

@@ -117,10 +117,10 @@ To add contact information to your portfolio site, follow these steps:
 
 1. Create a **Form page** as a child page of **Home** by following these steps:
 
-    a. Restart your server.  
-    b. Go to your admin interface.  
-    c. Click `Pages` in your [Sidebar](https://guide.wagtail.org/en-latest/how-to-guides/find-your-way-around/#the-sidebar).  
-    d. Click `Home`.  
+    a. Restart your server.
+    b. Go to your admin interface.
+    c. Click `Pages` in your [Sidebar](https://guide.wagtail.org/en-latest/how-to-guides/find-your-way-around/#the-sidebar).
+    d. Click `Home`.
     e. Click the `+` icon (Add child page) at the top of the resulting page.
     f. Click `Form page`.
 
@@ -133,21 +133,21 @@ To style your contact page, add the following CSS to your `mysite/static/css/mys
 
 ```css
 .page-form label {
-  display: block;
-  margin-top: 10px;
-  margin-bottom: 5px;
+    display: block;
+    margin-top: 10px;
+    margin-bottom: 5px;
 }
 
 .page-form :is(textarea, input, select) {
-  width: 100%;
-  max-width: 500px;
-  min-height: 40px;
-  margin-top: 5px;
-  margin-bottom: 10px;
+    width: 100%;
+    max-width: 500px;
+    min-height: 40px;
+    margin-top: 5px;
+    margin-bottom: 10px;
 }
 
 .page-form .helptext {
-  font-style: italic;
+    font-style: italic;
 }
 ```
 

+ 15 - 15
docs/tutorial/create_portfolio_page.md

@@ -331,27 +331,27 @@ To add your resume to your portfolio site, follow these steps:
 
 1. Create a **Portfolio Page** as a child page of **Home** by following these steps:
 
-    a. Restart your server.  
-    b. Go to your admin interface.  
-    c. Click `Pages` in your [Sidebar](https://guide.wagtail.org/en-latest/how-to-guides/find-your-way-around/#the-sidebar).  
-    d. Click `Home`.  
+    a. Restart your server.
+    b. Go to your admin interface.
+    c. Click `Pages` in your [Sidebar](https://guide.wagtail.org/en-latest/how-to-guides/find-your-way-around/#the-sidebar).
+    d. Click `Home`.
     e. Click the `+` icon (Add child page) at the top of the resulting page.
     f. Click `Portfolio Page`.
 
 2. Add your resume data by following these steps:  
-   a. Use "Resume" as your page title.  
-   b. Click **+** to expand your body section.  
-   c. Click **Paragraph block**.  
+   a. Use "Resume" as your page title.
+   b. Click **+** to expand your body section.
+   c. Click **Paragraph block**.
    d. Copy and paste the following text in your new **Paragraph block**:
 
     ```text
     I'm a Wagtail Developer with a proven track record of developing and maintaining complex web applications. I have experience writing custom code to extend Wagtail applications, collaborating with other developers, and integrating third-party services and APIs.
     ```
 
-    e. Click **+** below your preceding Paragraph block, and then click **Paragraph block** to add a new Paragraph Block.  
-    f. Type "/" in the input field of your new Paragraph block and then click **H2 Heading 2**.  
-    g. Use "Work Experience" as your Heading 2.  
-    h. Type "/" below your Heading 2 and click **H3 Heading 3**.  
+    e. Click **+** below your preceding Paragraph block, and then click **Paragraph block** to add a new Paragraph Block.
+    f. Type "/" in the input field of your new Paragraph block and then click **H2 Heading 2**.
+    g. Use "Work Experience" as your Heading 2.
+    h. Type "/" below your Heading 2 and click **H3 Heading 3**.
     i. Use the following as your Heading 3:
 
     ```
@@ -373,10 +373,10 @@ To add your resume to your portfolio site, follow these steps:
     By starting your sentences with "-", you're writing out your work experience as a Bulletted list. You can achieve the same result by typing "/" in the input field of your Paragraph block and then clicking **Bulleted list**.
     ```
 
-    k. Click **+** below your Work experience.  
-    l. Click **Paragraph block** to add another Paragraph block.  
-    m. Type "/" in the input field of your new Paragraph block and then click **H2 Heading 2**.  
-    n. Use "Skills" as the Heading 2 of your new Paragraph block.  
+    k. Click **+** below your Work experience.
+    l. Click **Paragraph block** to add another Paragraph block.
+    m. Type "/" in the input field of your new Paragraph block and then click **H2 Heading 2**.
+    n. Use "Skills" as the Heading 2 of your new Paragraph block.
     o. Copy and paste the following after your Heading 2:
 
     ```text