1dac6d8b50d1fc2db5a29f16517d9015fad1ace3
content/pwoss/website.md
| ... | ... | @@ -0,0 +1,90 @@ |
| 1 | +# Website |
|
| 2 | +<center> |
|
| 3 | +Create News, Tutorials ... on the main website [https://pwoss.org](https://pwoss.org). |
|
| 4 | +[Source code](https://git.pwoss.org/pwoss/website) |
|
| 5 | +</center> |
|
| 6 | +------ |
|
| 7 | + |
|
| 8 | +[[_TOC_]] |
|
| 9 | + |
|
| 10 | +# Gitea Account |
|
| 11 | +First, you will need to have an account on our Git instance to fork the repo. Just follow the [guide](https://wiki.pwoss.org/content/pwoss/gitea). |
|
| 12 | + |
|
| 13 | + |
|
| 14 | + |
|
| 15 | +# Copy template |
|
| 16 | +Templates are avilabale in the specific categories (News, PwOSS and Turorials). Copy the templates as `DAY-MONTH.html` or `tutorial-name.html` files. |
|
| 17 | +<<Note("Change title of top of the html file <br /> <code><title>PwOSS - Template</title></code>.")>> |
|
| 18 | + |
|
| 19 | + |
|
| 20 | + |
|
| 21 | +# HTML tags |
|
| 22 | + |
|
| 23 | +Here is a quick dirty option of html tags (also avilable [here](https://pwoss.org/html-tags.html))... |
|
| 24 | + |
|
| 25 | +H1 = <code><h1></h1></code> |
|
| 26 | +H2 = <code><h2></h2></code> |
|
| 27 | +H3 = <code><h3></h3></code> |
|
| 28 | +H4 = <code><h4></h4></code> |
|
| 29 | +H5 = <code><h5></h5></code> |
|
| 30 | +H6 = <code><h6></h6></code> |
|
| 31 | +<p><code><p>content</p></code></p> |
|
| 32 | + |
|
| 33 | +<code><code>code</code></code> |
|
| 34 | + |
|
| 35 | +<pre><pre>codeblock</pre></pre> |
|
| 36 | + |
|
| 37 | +Line breaks = <code><br></code>. |
|
| 38 | + |
|
| 39 | +Spaces = <code>&nbsp; (for one space), &ensp;(for two spaces), &emsp; (for four spaces)</code> . |
|
| 40 | + |
|
| 41 | +<pre><div class="image"> |
|
| 42 | +<image src="images/pwoss+text.png" style="width: 230px; height: 100px;" alt="IMAGE NAME" /> |
|
| 43 | +</image> |
|
| 44 | +</div></pre> |
|
| 45 | + |
|
| 46 | + |
|
| 47 | + |
|
| 48 | +# Main Page |
|
| 49 | +Add your news to the main page. Only a maximum of three sentences about your news/tutorial. I added a hidden template above the first post. Just copy it and put it over the first message. I think that a maximum of 5 news in total should be enough so that the main page doesn't look bloated - delete the last news. |
|
| 50 | + |
|
| 51 | +``` |
|
| 52 | + <section |
|
| 53 | + class="spotlight style2 orient-right content-align-left image-position-center onscroll-image-fade-in onload-content-fade-left onload-image-fade-right" |
|
| 54 | + id="news"> |
|
| 55 | + <div class="content"> |
|
| 56 | + <h2>TITLE</h2> |
|
| 57 | + <p> |
|
| 58 | + <author><strong>Author</strong>: YOUR NAME </author><br /> |
|
| 59 | + <date><strong>Date</strong>: DD/MONTH/YEAR </date><br /> |
|
| 60 | + <category><strong>Category</strong>: <a href="categories/CATEGORY/YEAR/overview.html"> |
|
| 61 | + CATEGORY NAME</a> |
|
| 62 | + </category> |
|
| 63 | + </p> |
|
| 64 | + <p> |
|
| 65 | + YOUR CONTENT. MAX 3 sentences |
|
| 66 | + </p> |
|
| 67 | + <ul class="actions stacked"> |
|
| 68 | + <li> |
|
| 69 | + <a href="categories/CATEGORY/YEAR/DATE-MONTH.html" class="button small">Read |
|
| 70 | + More</a> |
|
| 71 | + </li> |
|
| 72 | + </ul> |
|
| 73 | + </div> |
|
| 74 | + <div class="image"> |
|
| 75 | + <image src="images/CATEGORY/IMAGE.svg/png/jpg" alt="IMAGE NAME" /> |
|
| 76 | + </image> |
|
| 77 | + </div> |
|
| 78 | + </section> |
|
| 79 | +``` |
|
| 80 | + |
|
| 81 | + |
|
| 82 | + |
|
| 83 | +## Quick news |
|
| 84 | +If you want to send only quick news, just add them to the main page without any links to any categories. |
|
| 85 | +<<Note("Delete the <code>Read More</code> button and the category link - <code>Category: CATEGORY</code>.")>> |
|
| 86 | + |
|
| 87 | + |
|
| 88 | + |
|
| 89 | +# Categories |
|
| 90 | +You need to add your news (link) to the category list. In the specific root category is a `overview.html` file. Just add your link above the first one. |
|
| 0 | 91 | \ No newline at end of file |