|
|
@@ -44,26 +44,34 @@
|
|
|
<p>
|
|
|
<strong>This project also serves a learning purpose. New things will be learned and used.</strong><br>
|
|
|
Feel free to help developing this website. <strong>All help is appreciated.</strong><br>
|
|
|
- To help you may always contact Ecconia to contribute. (You should know who he is, if you know this page...)<br>
|
|
|
+ To contribute you may always contact Ecconia. (You should know who he is, if you know this page...)<br>
|
|
|
+ </p>
|
|
|
+
|
|
|
+ <h5>Source code</h5>
|
|
|
+ <p>
|
|
|
+ The sourcecode is public on <a href="https://gogs.ecconia.de/Ecconia/">gogs.ecconia.de</a>.<br>
|
|
|
+ Currently there is only the frontend source code.
|
|
|
</p>
|
|
|
|
|
|
<h5>Frontend:</h5>
|
|
|
<p>
|
|
|
- The website has no design, but its simple to create one!<br>
|
|
|
- Get e.g. the browser plugin <a href="https://userstyles.org/">https://userstyles.org/</a> and start creating CSS.<br>
|
|
|
- Keep in mind, that the sourcecode is not helpful, but the Developer Tools in your browser will help you.<br>
|
|
|
- Submit the written CSS as well as screenshots of your work to Ecconia, he will insert your CSS into this website.<br>
|
|
|
- Any other frontend (looks) suggestions may be directed to Ecconia.<br>
|
|
|
- Sadly Ecconia's CSS skills currently are good enough to set: borders, background/font-color, margin/padding. <strong>Your help counts!</strong><br>
|
|
|
+ The website has no final design yet, other parts have to be created first.<br>
|
|
|
+ If you want to create a neat design, do so! Show the CSS and shreenshots to Ecconia.<br>
|
|
|
+ To create a style get e.g. the browser plugin <a href="https://userstyles.org/">https://userstyles.org/</a><br>
|
|
|
+ You may look at the source code to see the CSS selectors, but the HTML DOM visible in the Developer Tools of your browser also help.<br>
|
|
|
+ Since the CSS is scoped you will notice <code>[data-v-'hash']</code> behind some selectors, these help to not accidently use the wrong class name from somewhere else in the website. You may ignore them, since there shouldn't be redundant classes.<br>
|
|
|
</p>
|
|
|
<p>
|
|
|
This website uses the <a href="https://vuejs.org">Vue framework</a> the HTML code in the browser is generated by JavaScript.<br>
|
|
|
- The sourcecode is only helpful on the server, if you want to contribute to the frontend on sourcecode level we will need to setup a shared git. Possible!
|
|
|
+ On the backend components are defined and included in other components. This allows splitting html to multiple files.<br>
|
|
|
+ The downside of this is, that the source code has to be compiled on the server or somewhere, to be used.<br>
|
|
|
+ The advantages of this are huge though, the effort needed to create a website is reduced by a lot.<br>
|
|
|
+ One practically designs parts of the website and puts them together, instead of writing a whole website.
|
|
|
</p>
|
|
|
|
|
|
<h5>Backend:</h5>
|
|
|
<p>
|
|
|
- The backend will be written in PHP and is mainly an API in charge of content management.<br>
|
|
|
+ The backend will be written in PHP and is mainly an API in charge of data management.<br>
|
|
|
The frontend will request all data from this backend in JSON form.<br>
|
|
|
Theoretically you could write your own website using this backend. But there should be a protection against this somewhen.<br>
|
|
|
Because the backend has no been started yet, you cannot contribute yet.
|
Ecconia