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 |