commit 9fe2894efe29427613e31aaa946afc2ec7a12f05
Author: Knah Tsaeb <Knah-Tsaeb_hisma@knah-tsaeb.org>
Date:   Mon Jun 14 14:36:23 2021 +0200

    First release

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..03c02dc
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,7 @@
+composer.lock
+vendor/
+content/*
+!content/default.md
+!content/.htaccess
+.vscode
+config/config.php
\ No newline at end of file
diff --git a/.htaccess b/.htaccess
new file mode 100644
index 0000000..a70d0d5
--- /dev/null
+++ b/.htaccess
@@ -0,0 +1,19 @@
+Options -Indexes
+
+<ifModule mod_rewrite.c>
+RewriteEngine On
+RewriteCond $1 !^(css)
+RewriteRule ^([^/]*)/([^/]*)$ /?dir=$1&file=$2 [L]
+AddType text/css .css
+</IfModule>
+
+<IfModule mod_headers.c>
+Header always set X-FRAME-OPTIONS "DENY"
+Header set Content-Security-Policy "script-src 'self'"
+Header set Content-Security-Policy "base-uri 'self';"
+</IfModule>
+
+<IfModule mod_expires.c>
+ExpiresActive On
+ExpiresDefault "access plus 1 day"
+</IfModule>
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..e37e32e
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,613 @@
+GNU AFFERO GENERAL PUBLIC LICENSE
+
+Version 3, 19 November 2007
+
+Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
+
+Everyone is permitted to copy and distribute verbatim copies of this license
+document, but changing it is not allowed.
+
+Preamble
+
+The GNU Affero General Public License is a free, copyleft license for software
+and other kinds of works, specifically designed to ensure cooperation with
+the community in the case of network server software.
+
+The licenses for most software and other practical works are designed to take
+away your freedom to share and change the works. By contrast, our General
+Public Licenses are intended to guarantee your freedom to share and change
+all versions of a program--to make sure it remains free software for all its
+users.
+
+When we speak of free software, we are referring to freedom, not price. Our
+General Public Licenses are designed to make sure that you have the freedom
+to distribute copies of free software (and charge for them if you wish), that
+you receive source code or can get it if you want it, that you can change
+the software or use pieces of it in new free programs, and that you know you
+can do these things.
+
+Developers that use our General Public Licenses protect your rights with two
+steps: (1) assert copyright on the software, and (2) offer you this License
+which gives you legal permission to copy, distribute and/or modify the software.
+
+A secondary benefit of defending all users' freedom is that improvements made
+in alternate versions of the program, if they receive widespread use, become
+available for other developers to incorporate. Many developers of free software
+are heartened and encouraged by the resulting cooperation. However, in the
+case of software used on network servers, this result may fail to come about.
+The GNU General Public License permits making a modified version and letting
+the public access it on a server without ever releasing its source code to
+the public.
+
+The GNU Affero General Public License is designed specifically to ensure that,
+in such cases, the modified source code becomes available to the community.
+It requires the operator of a network server to provide the source code of
+the modified version running there to the users of that server. Therefore,
+public use of a modified version, on a publicly accessible server, gives the
+public access to the source code of the modified version.
+
+An older license, called the Affero General Public License and published by
+Affero, was designed to accomplish similar goals. This is a different license,
+not a version of the Affero GPL, but Affero has released a new version of
+the Affero GPL which permits relicensing under this license.
+
+The precise terms and conditions for copying, distribution and modification
+follow.
+
+TERMS AND CONDITIONS
+
+   0. Definitions.
+
+   "This License" refers to version 3 of the GNU Affero General Public License.
+
+"Copyright" also means copyright-like laws that apply to other kinds of works,
+such as semiconductor masks.
+
+"The Program" refers to any copyrightable work licensed under this License.
+Each licensee is addressed as "you". "Licensees" and "recipients" may be individuals
+or organizations.
+
+To "modify" a work means to copy from or adapt all or part of the work in
+a fashion requiring copyright permission, other than the making of an exact
+copy. The resulting work is called a "modified version" of the earlier work
+or a work "based on" the earlier work.
+
+A "covered work" means either the unmodified Program or a work based on the
+Program.
+
+To "propagate" a work means to do anything with it that, without permission,
+would make you directly or secondarily liable for infringement under applicable
+copyright law, except executing it on a computer or modifying a private copy.
+Propagation includes copying, distribution (with or without modification),
+making available to the public, and in some countries other activities as
+well.
+
+To "convey" a work means any kind of propagation that enables other parties
+to make or receive copies. Mere interaction with a user through a computer
+network, with no transfer of a copy, is not conveying.
+
+An interactive user interface displays "Appropriate Legal Notices" to the
+extent that it includes a convenient and prominently visible feature that
+(1) displays an appropriate copyright notice, and (2) tells the user that
+there is no warranty for the work (except to the extent that warranties are
+provided), that licensees may convey the work under this License, and how
+to view a copy of this License. If the interface presents a list of user commands
+or options, such as a menu, a prominent item in the list meets this criterion.
+
+   1. Source Code.
+
+The "source code" for a work means the preferred form of the work for making
+modifications to it. "Object code" means any non-source form of a work.
+
+A "Standard Interface" means an interface that either is an official standard
+defined by a recognized standards body, or, in the case of interfaces specified
+for a particular programming language, one that is widely used among developers
+working in that language.
+
+The "System Libraries" of an executable work include anything, other than
+the work as a whole, that (a) is included in the normal form of packaging
+a Major Component, but which is not part of that Major Component, and (b)
+serves only to enable use of the work with that Major Component, or to implement
+a Standard Interface for which an implementation is available to the public
+in source code form. A "Major Component", in this context, means a major essential
+component (kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to produce
+the work, or an object code interpreter used to run it.
+
+The "Corresponding Source" for a work in object code form means all the source
+code needed to generate, install, and (for an executable work) run the object
+code and to modify the work, including scripts to control those activities.
+However, it does not include the work's System Libraries, or general-purpose
+tools or generally available free programs which are used unmodified in performing
+those activities but which are not part of the work. For example, Corresponding
+Source includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically linked
+subprograms that the work is specifically designed to require, such as by
+intimate data communication or control flow between those
+
+   subprograms and other parts of the work.
+
+The Corresponding Source need not include anything that users can regenerate
+automatically from other parts of the Corresponding Source.
+
+   The Corresponding Source for a work in source code form is that same work.
+
+   2. Basic Permissions.
+
+All rights granted under this License are granted for the term of copyright
+on the Program, and are irrevocable provided the stated conditions are met.
+This License explicitly affirms your unlimited permission to run the unmodified
+Program. The output from running a covered work is covered by this License
+only if the output, given its content, constitutes a covered work. This License
+acknowledges your rights of fair use or other equivalent, as provided by copyright
+law.
+
+You may make, run and propagate covered works that you do not convey, without
+conditions so long as your license otherwise remains in force. You may convey
+covered works to others for the sole purpose of having them make modifications
+exclusively for you, or provide you with facilities for running those works,
+provided that you comply with the terms of this License in conveying all material
+for which you do not control copyright. Those thus making or running the covered
+works for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of your copyrighted
+material outside their relationship with you.
+
+Conveying under any other circumstances is permitted solely under the conditions
+stated below. Sublicensing is not allowed; section 10 makes it unnecessary.
+
+   3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+No covered work shall be deemed part of an effective technological measure
+under any applicable law fulfilling obligations under article 11 of the WIPO
+copyright treaty adopted on 20 December 1996, or similar laws prohibiting
+or restricting circumvention of such measures.
+
+When you convey a covered work, you waive any legal power to forbid circumvention
+of technological measures to the extent such circumvention is effected by
+exercising rights under this License with respect to the covered work, and
+you disclaim any intention to limit operation or modification of the work
+as a means of enforcing, against the work's users, your or third parties'
+legal rights to forbid circumvention of technological measures.
+
+   4. Conveying Verbatim Copies.
+
+You may convey verbatim copies of the Program's source code as you receive
+it, in any medium, provided that you conspicuously and appropriately publish
+on each copy an appropriate copyright notice; keep intact all notices stating
+that this License and any non-permissive terms added in accord with section
+7 apply to the code; keep intact all notices of the absence of any warranty;
+and give all recipients a copy of this License along with the Program.
+
+You may charge any price or no price for each copy that you convey, and you
+may offer support or warranty protection for a fee.
+
+   5. Conveying Modified Source Versions.
+
+You may convey a work based on the Program, or the modifications to produce
+it from the Program, in the form of source code under the terms of section
+4, provided that you also meet all of these conditions:
+
+a) The work must carry prominent notices stating that you modified it, and
+giving a relevant date.
+
+b) The work must carry prominent notices stating that it is released under
+this License and any conditions added under section 7. This requirement modifies
+the requirement in section 4 to "keep intact all notices".
+
+c) You must license the entire work, as a whole, under this License to anyone
+who comes into possession of a copy. This License will therefore apply, along
+with any applicable section 7 additional terms, to the whole of the work,
+and all its parts, regardless of how they are packaged. This License gives
+no permission to license the work in any other way, but it does not invalidate
+such permission if you have separately received it.
+
+d) If the work has interactive user interfaces, each must display Appropriate
+Legal Notices; however, if the Program has interactive interfaces that do
+not display Appropriate Legal Notices, your work need not make them do so.
+
+A compilation of a covered work with other separate and independent works,
+which are not by their nature extensions of the covered work, and which are
+not combined with it such as to form a larger program, in or on a volume of
+a storage or distribution medium, is called an "aggregate" if the compilation
+and its resulting copyright are not used to limit the access or legal rights
+of the compilation's users beyond what the individual works permit. Inclusion
+of a covered work in an aggregate does not cause this License to apply to
+the other parts of the aggregate.
+
+   6. Conveying Non-Source Forms.
+
+You may convey a covered work in object code form under the terms of sections
+4 and 5, provided that you also convey the machine-readable Corresponding
+Source under the terms of this License, in one of these ways:
+
+a) Convey the object code in, or embodied in, a physical product (including
+a physical distribution medium), accompanied by the Corresponding Source fixed
+on a durable physical medium customarily used for software interchange.
+
+b) Convey the object code in, or embodied in, a physical product (including
+a physical distribution medium), accompanied by a written offer, valid for
+at least three years and valid for as long as you offer spare parts or customer
+support for that product model, to give anyone who possesses the object code
+either (1) a copy of the Corresponding Source for all the software in the
+product that is covered by this License, on a durable physical medium customarily
+used for software interchange, for a price no more than your reasonable cost
+of physically performing this conveying of source, or (2) access to copy the
+Corresponding Source from a network server at no charge.
+
+c) Convey individual copies of the object code with a copy of the written
+offer to provide the Corresponding Source. This alternative is allowed only
+occasionally and noncommercially, and only if you received the object code
+with such an offer, in accord with subsection 6b.
+
+d) Convey the object code by offering access from a designated place (gratis
+or for a charge), and offer equivalent access to the Corresponding Source
+in the same way through the same place at no further charge. You need not
+require recipients to copy the Corresponding Source along with the object
+code. If the place to copy the object code is a network server, the Corresponding
+Source may be on a different server (operated by you or a third party) that
+supports equivalent copying facilities, provided you maintain clear directions
+next to the object code saying where to find the Corresponding Source. Regardless
+of what server hosts the Corresponding Source, you remain obligated to ensure
+that it is available for as long as needed to satisfy these requirements.
+
+e) Convey the object code using peer-to-peer transmission, provided you inform
+other peers where the object code and Corresponding Source of the work are
+being offered to the general public at no charge under subsection 6d.
+
+A separable portion of the object code, whose source code is excluded from
+the Corresponding Source as a System Library, need not be included in conveying
+the object code work.
+
+A "User Product" is either (1) a "consumer product", which means any tangible
+personal property which is normally used for personal, family, or household
+purposes, or (2) anything designed or sold for incorporation into a dwelling.
+In determining whether a product is a consumer product, doubtful cases shall
+be resolved in favor of coverage. For a particular product received by a particular
+user, "normally used" refers to a typical or common use of that class of product,
+regardless of the status of the particular user or of the way in which the
+particular user actually uses, or expects or is expected to use, the product.
+A product is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent the
+only significant mode of use of the product.
+
+"Installation Information" for a User Product means any methods, procedures,
+authorization keys, or other information required to install and execute modified
+versions of a covered work in that User Product from a modified version of
+its Corresponding Source. The information must suffice to ensure that the
+continued functioning of the modified object code is in no case prevented
+or interfered with solely because modification has been made.
+
+If you convey an object code work under this section in, or with, or specifically
+for use in, a User Product, and the conveying occurs as part of a transaction
+in which the right of possession and use of the User Product is transferred
+to the recipient in perpetuity or for a fixed term (regardless of how the
+transaction is characterized), the Corresponding Source conveyed under this
+section must be accompanied by the Installation Information. But this requirement
+does not apply if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has been installed
+in ROM).
+
+The requirement to provide Installation Information does not include a requirement
+to continue to provide support service, warranty, or updates for a work that
+has been modified or installed by the recipient, or for the User Product in
+which it has been modified or installed. Access to a network may be denied
+when the modification itself materially and adversely affects the operation
+of the network or violates the rules and protocols for communication across
+the network.
+
+Corresponding Source conveyed, and Installation Information provided, in accord
+with this section must be in a format that is publicly documented (and with
+an implementation available to the public in source code form), and must require
+no special password or key for unpacking, reading or copying.
+
+   7. Additional Terms.
+
+"Additional permissions" are terms that supplement the terms of this License
+by making exceptions from one or more of its conditions. Additional permissions
+that are applicable to the entire Program shall be treated as though they
+were included in this License, to the extent that they are valid under applicable
+law. If additional permissions apply only to part of the Program, that part
+may be used separately under those permissions, but the entire Program remains
+governed by this License without regard to the additional permissions.
+
+When you convey a copy of a covered work, you may at your option remove any
+additional permissions from that copy, or from any part of it. (Additional
+permissions may be written to require their own removal in certain cases when
+you modify the work.) You may place additional permissions on material, added
+by you to a covered work, for which you have or can give appropriate copyright
+permission.
+
+Notwithstanding any other provision of this License, for material you add
+to a covered work, you may (if authorized by the copyright holders of that
+material) supplement the terms of this License with terms:
+
+a) Disclaiming warranty or limiting liability differently from the terms of
+sections 15 and 16 of this License; or
+
+b) Requiring preservation of specified reasonable legal notices or author
+attributions in that material or in the Appropriate Legal Notices displayed
+by works containing it; or
+
+c) Prohibiting misrepresentation of the origin of that material, or requiring
+that modified versions of such material be marked in reasonable ways as different
+from the original version; or
+
+d) Limiting the use for publicity purposes of names of licensors or authors
+of the material; or
+
+e) Declining to grant rights under trademark law for use of some trade names,
+trademarks, or service marks; or
+
+f) Requiring indemnification of licensors and authors of that material by
+anyone who conveys the material (or modified versions of it) with contractual
+assumptions of liability to the recipient, for any liability that these contractual
+assumptions directly impose on those licensors and authors.
+
+All other non-permissive additional terms are considered "further restrictions"
+within the meaning of section 10. If the Program as you received it, or any
+part of it, contains a notice stating that it is governed by this License
+along with a term that is a further restriction, you may remove that term.
+If a license document contains a further restriction but permits relicensing
+or conveying under this License, you may add to a covered work material governed
+by the terms of that license document, provided that the further restriction
+does not survive such relicensing or conveying.
+
+If you add terms to a covered work in accord with this section, you must place,
+in the relevant source files, a statement of the additional terms that apply
+to those files, or a notice indicating where to find the applicable terms.
+
+Additional terms, permissive or non-permissive, may be stated in the form
+of a separately written license, or stated as exceptions; the above requirements
+apply either way.
+
+   8. Termination.
+
+You may not propagate or modify a covered work except as expressly provided
+under this License. Any attempt otherwise to propagate or modify it is void,
+and will automatically terminate your rights under this License (including
+any patent licenses granted under the third paragraph of section 11).
+
+However, if you cease all violation of this License, then your license from
+a particular copyright holder is reinstated (a) provisionally, unless and
+until the copyright holder explicitly and finally terminates your license,
+and (b) permanently, if the copyright holder fails to notify you of the violation
+by some reasonable means prior to 60 days after the cessation.
+
+Moreover, your license from a particular copyright holder is reinstated permanently
+if the copyright holder notifies you of the violation by some reasonable means,
+this is the first time you have received notice of violation of this License
+(for any work) from that copyright holder, and you cure the violation prior
+to 30 days after your receipt of the notice.
+
+Termination of your rights under this section does not terminate the licenses
+of parties who have received copies or rights from you under this License.
+If your rights have been terminated and not permanently reinstated, you do
+not qualify to receive new licenses for the same material under section 10.
+
+   9. Acceptance Not Required for Having Copies.
+
+You are not required to accept this License in order to receive or run a copy
+of the Program. Ancillary propagation of a covered work occurring solely as
+a consequence of using peer-to-peer transmission to receive a copy likewise
+does not require acceptance. However, nothing other than this License grants
+you permission to propagate or modify any covered work. These actions infringe
+copyright if you do not accept this License. Therefore, by modifying or propagating
+a covered work, you indicate your acceptance of this License to do so.
+
+   10. Automatic Licensing of Downstream Recipients.
+
+Each time you convey a covered work, the recipient automatically receives
+a license from the original licensors, to run, modify and propagate that work,
+subject to this License. You are not responsible for enforcing compliance
+by third parties with this License.
+
+An "entity transaction" is a transaction transferring control of an organization,
+or substantially all assets of one, or subdividing an organization, or merging
+organizations. If propagation of a covered work results from an entity transaction,
+each party to that transaction who receives a copy of the work also receives
+whatever licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the Corresponding
+Source of the work from the predecessor in interest, if the predecessor has
+it or can get it with reasonable efforts.
+
+You may not impose any further restrictions on the exercise of the rights
+granted or affirmed under this License. For example, you may not impose a
+license fee, royalty, or other charge for exercise of rights granted under
+this License, and you may not initiate litigation (including a cross-claim
+or counterclaim in a lawsuit) alleging that any patent claim is infringed
+by making, using, selling, offering for sale, or importing the Program or
+any portion of it.
+
+   11. Patents.
+
+A "contributor" is a copyright holder who authorizes use under this License
+of the Program or a work on which the Program is based. The work thus licensed
+is called the contributor's "contributor version".
+
+A contributor's "essential patent claims" are all patent claims owned or controlled
+by the contributor, whether already acquired or hereafter acquired, that would
+be infringed by some manner, permitted by this License, of making, using,
+or selling its contributor version, but do not include claims that would be
+infringed only as a consequence of further modification of the contributor
+version. For purposes of this definition, "control" includes the right to
+grant patent sublicenses in a manner consistent with the requirements of this
+License.
+
+Each contributor grants you a non-exclusive, worldwide, royalty-free patent
+license under the contributor's essential patent claims, to make, use, sell,
+offer for sale, import and otherwise run, modify and propagate the contents
+of its contributor version.
+
+In the following three paragraphs, a "patent license" is any express agreement
+or commitment, however denominated, not to enforce a patent (such as an express
+permission to practice a patent or covenant not to s ue for patent infringement).
+To "grant" such a patent license to a party means to make such an agreement
+or commitment not to enforce a patent against the party.
+
+If you convey a covered work, knowingly relying on a patent license, and the
+Corresponding Source of the work is not available for anyone to copy, free
+of charge and under the terms of this License, through a publicly available
+network server or other readily accessible means, then you must either (1)
+cause the Corresponding Source to be so available, or (2) arrange to deprive
+yourself of the benefit of the patent license for this particular work, or
+(3) arrange, in a manner consistent with the requirements of this License,
+to extend the patent
+
+license to downstream recipients. "Knowingly relying" means you have actual
+knowledge that, but for the patent license, your conveying the covered work
+in a country, or your recipient's use of the covered work in a country, would
+infringe one or more identifiable patents in that country that you have reason
+to believe are valid.
+
+If, pursuant to or in connection with a single transaction or arrangement,
+you convey, or propagate by procuring conveyance of, a covered work, and grant
+a patent license to some of the parties receiving the covered work authorizing
+them to use, propagate, modify or convey a specific copy of the covered work,
+then the patent license you grant is automatically extended to all recipients
+of the covered work and works based on it.
+
+A patent license is "discriminatory" if it does not include within the scope
+of its coverage, prohibits the exercise of, or is conditioned on the non-exercise
+of one or more of the rights that are specifically granted under this License.
+You may not convey a covered work if you are a party to an arrangement with
+a third party that is in the business of distributing software, under which
+you make payment to the third party based on the extent of your activity of
+conveying the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory patent
+license (a) in connection with copies of the covered work conveyed by you
+(or copies made from those copies), or (b) primarily for and in connection
+with specific products or compilations that contain the covered work, unless
+you entered into that arrangement, or that patent license was granted, prior
+to 28 March 2007.
+
+Nothing in this License shall be construed as excluding or limiting any implied
+license or other defenses to infringement that may otherwise be available
+to you under applicable patent law.
+
+   12. No Surrender of Others' Freedom.
+
+If conditions are imposed on you (whether by court order, agreement or otherwise)
+that contradict the conditions of this License, they do not excuse you from
+the conditions of this License. If you cannot convey a covered work so as
+to satisfy simultaneously your obligations under this License and any other
+pertinent obligations, then as a consequence you may
+
+not convey it at all. For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey the
+Program, the only way you could satisfy both those terms and this License
+would be to refrain entirely from conveying the Program.
+
+   13. Remote Network Interaction; Use with the GNU General Public License.
+
+Notwithstanding any other provision of this License, if you modify the Program,
+your modified version must prominently offer all users interacting with it
+remotely through a computer network (if your version supports such interaction)
+an opportunity to receive the Corresponding Source of your version by providing
+access to the Corresponding Source from a network server at no charge, through
+some standard or customary means of facilitating copying of software. This
+Corresponding Source shall include the Corresponding Source for any work covered
+by version 3 of the GNU General Public License that is incorporated pursuant
+to the following paragraph.
+
+Notwithstanding any other provision of this License, you have permission to
+link or combine any covered work with a work licensed under version 3 of the
+GNU General Public License into a single combined work, and to convey the
+resulting work. The terms of this License will continue to apply to the part
+which is the covered work, but the work with which it is combined will remain
+governed by version 3 of the GNU General Public License.
+
+   14. Revised Versions of this License.
+
+The Free Software Foundation may publish revised and/or new versions of the
+GNU Affero General Public License from time to time. Such new versions will
+be similar in spirit to the present version, but may differ in detail to address
+new problems or concerns.
+
+Each version is given a distinguishing version number. If the Program specifies
+that a certain numbered version of the GNU Affero General Public License "or
+any later version" applies to it, you have the option of following the terms
+and conditions either of that numbered version or of any later version published
+by the Free Software Foundation. If the Program does not specify a version
+number of the GNU Affero General Public License, you may choose any version
+ever published by the Free Software Foundation.
+
+If the Program specifies that a proxy can decide which future versions of
+the GNU Affero General Public License can be used, that proxy's public statement
+of acceptance of a version permanently authorizes you to choose that version
+for the Program.
+
+Later license versions may give you additional or different permissions. However,
+no additional obligations are imposed on any author or copyright holder as
+a result of your choosing to follow a later version.
+
+   15. Disclaimer of Warranty.
+
+THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE
+LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR
+OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER
+EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES
+OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS
+TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE PROGRAM
+PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, REPAIR OR
+CORRECTION.
+
+   16. Limitation of Liability.
+
+IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING WILL
+ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS THE PROGRAM
+AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL,
+INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO
+USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING RENDERED
+INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A FAILURE OF THE
+PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), EVEN IF SUCH HOLDER OR OTHER
+PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
+
+   17. Interpretation of Sections 15 and 16.
+
+If the disclaimer of warranty and limitation of liability provided above cannot
+be given local legal effect according to their terms, reviewing courts shall
+apply local law that most closely approximates an absolute waiver of all civil
+liability in connection with the Program, unless a warranty or assumption
+of liability accompanies a copy of the Program in return for a fee. END OF
+TERMS AND CONDITIONS
+
+How to Apply These Terms to Your New Programs
+
+If you develop a new program, and you want it to be of the greatest possible
+use to the public, the best way to achieve this is to make it free software
+which everyone can redistribute and change under these terms.
+
+To do so, attach the following notices to the program. It is safest to attach
+them to the start of each source file to most effectively state the exclusion
+of warranty; and each file should have at least the "copyright" line and a
+pointer to where the full notice is found.
+
+<one line to give the program's name and a brief idea of what it does.>
+
+Copyright (C) <year> <name of author>
+
+This program is free software: you can redistribute it and/or modify it under
+the terms of the GNU Affero General Public License as published by the Free
+Software Foundation, either version 3 of the License, or (at your option)
+any later version.
+
+This program is distributed in the hope that it will be useful, but WITHOUT
+ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+details.
+
+You should have received a copy of the GNU Affero General Public License along
+with this program. If not, see <https://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+If your software can interact with users remotely through a computer network,
+you should also make sure that it provides a way for users to get its source.
+For example, if your program is a web application, its interface could display
+a "Source" link that leads users to an archive of the code. There are many
+ways you could offer source, and different solutions will be better for different
+programs; see section 13 for the specific requirements.
+
+You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary. For
+more information on this, and how to apply and follow the GNU AGPL, see <https://www.gnu.org/licenses/>.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..4318526
--- /dev/null
+++ b/README.md
@@ -0,0 +1,47 @@
+# Welcome to MyNoVi
+
+MyNovi | My Notes Viewer is simple markdown viewer made for my usage.
+
+## Features
+- No configuration
+- Easy install
+- Auto ToC (Table of Content)
+- Browser lazy loading in image
+- KISS
+
+### Limitations
+
+MyNovi only work with one level dir (for moment).
+
+---
+
+## Setup
+Clone this Mynovi using git
+
+`git clone https://forge.leslibres.org/Knah-Tsaeb/MyNoVi.git`
+
+Use composer to install external lib (Parsedown and Parsedown-toc)
+
+`cd MyNoVi`
+
+`composer install`
+
+---
+
+## Usage
+Put your markdown file in 'content' dir via FTP OR SSH.
+
+That's all.
+
+You can personalize the default page by creating file **content/index.md**.
+
+### Advanced usage
+
+Use synchronisation tools like NextCloud. Sync 'content' dir with your desktop.
+Now just edit your local file and when you save file, after synchro your file is online.
+
+---
+
+## License
+
+This project is licensed under the terms of the **[AGPLv3](https://www.gnu.org/licenses/agpl-3.0.txt)** license.
\ No newline at end of file
diff --git a/android-chrome-192x192.png b/android-chrome-192x192.png
new file mode 100644
index 0000000..58c46f3
Binary files /dev/null and b/android-chrome-192x192.png differ
diff --git a/apple-touch-icon.png b/apple-touch-icon.png
new file mode 100644
index 0000000..ce79460
Binary files /dev/null and b/apple-touch-icon.png differ
diff --git a/apps/apps.php b/apps/apps.php
new file mode 100644
index 0000000..8d1cabf
--- /dev/null
+++ b/apps/apps.php
@@ -0,0 +1,147 @@
+<?php
+
+function testConfig(){
+    if(!file_exists('config/config.php')){
+        return false;
+    } else {
+        return true;
+    }
+}
+
+
+/**
+ * Améliore la sortie print
+ *
+ * @author    Tatane http://www.tatane.info/index.php/print_rn
+ * @author    http://www.blog.cactuscrew.com/77-print_rn.html
+ * @author    Knah Tsaeb <Knah-Tsaeb_mynovi@knah-tsaeb.org>
+ * @global
+ * @param    mixed     $data
+ * @param    string    $name    Default: ''
+ * @return    void
+ */
+function n_print($data, $name = '')
+{
+    $aBackTrace = debug_backtrace();
+    echo '<h2>', $name, '</h2>';
+    echo '<fieldset style="border: 1px solid orange; padding: 5px;color: #333; background-color: #fff;">';
+    echo '<legend style="border:1px solid orange;padding: 1px;background-color:#eee;color:orange;">', basename($aBackTrace[0]['file']), ' ligne => ', $aBackTrace[0]['line'], '</legend>';
+    echo '<pre>', htmlentities(print_r($data, 1)), '</pre>';
+    echo '</fieldset><br />';
+}
+
+/**
+ * Return list dir of content
+ *
+ * @author    Knah Tsaeb <Knah-Tsaeb_mynovi@knah-tsaeb.org>
+ * @global
+ * @return    array
+ */
+function listDir()
+{
+    $dirList = array();
+    foreach (glob("content/*", GLOB_ONLYDIR) as $dir) {
+        $dirList[basename($dir)] = listFile($dir);
+    }
+    if (empty($dirList)) {
+        $dirList = array();
+    }
+    return $dirList;
+}
+
+/**
+ * Return list file in dir
+ *
+ * @author    Knah Tsaeb <Knah-Tsaeb_mynovi@knah-tsaeb.org>
+ * @global
+ * @param    mixed    $dir
+ * @return    mixed
+ */
+function listFile($dir)
+{
+    $fileList = array();
+    foreach (glob($dir . "/*.md") as $dir) {
+        $fileList[] = str_replace('.md', '', basename($dir));
+    }
+    if (empty($fileList)) {
+        $fileList = array();
+    }
+
+    return $fileList;
+}
+
+/**
+ * Gen navigation menu
+ *
+ * @author    Knah Tsaeb <Knah-Tsaeb_mynovi@knah-tsaeb.org>
+ * @global
+ * @param    string    $getDir    Default: null
+ * @return    string
+ */
+function makeMenu($getDir = null)
+{
+    $dirList = listDir();
+    $menu    = '';
+    foreach ($dirList as $dir => $files) {
+        if ($getDir === $dir) {
+            $expand = 'open';
+        } else {
+            $expand = '';
+        }
+        $menu .= '
+        <details ' . $expand . '>
+            <summary>' . $dir . '</summary>
+            <ul>';
+
+        foreach ($files as $value) {
+            $menu .= '<li><a href="/' . urlencode($dir) . '/' . urlencode($value) . '">' . $value . '</a></li>';
+        }
+        $menu .= '
+        </ul>
+        </details>';
+    }
+    return $menu;
+}
+
+/**
+ * Add lazy loading attribute for img
+ *
+ * @author    Knah Tsaeb <Knah-Tsaeb_mynovi@knah-tsaeb.org>
+ * @see        ParsedownToc
+ * @global
+ */
+class ExtendParsedownToc extends ParsedownToc
+{
+    public function inlineImage($Excerpt)
+    {
+        if (!isset($Excerpt['text'][1]) or $Excerpt['text'][1] !== '[') {
+            return;
+        }
+
+        $Excerpt['text'] = substr($Excerpt['text'], 1);
+
+        $Link = $this->inlineLink($Excerpt);
+
+        if ($Link === null) {
+            return;
+        }
+
+        $Inline = array(
+            'extent'  => $Link['extent'] + 1,
+            'element' => array(
+                'name'       => 'img',
+                'attributes' => array(
+                    'src'     => $Link['element']['attributes']['href'],
+                    'alt'     => $Link['element']['text'],
+                    'loading' => 'lazy',
+                ),
+            ),
+        );
+
+        $Inline['element']['attributes'] += $Link['element']['attributes'];
+
+        unset($Inline['element']['attributes']['href']);
+
+        return $Inline;
+    }
+}
diff --git a/browserconfig.xml b/browserconfig.xml
new file mode 100644
index 0000000..b3930d0
--- /dev/null
+++ b/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/composer.json b/composer.json
new file mode 100644
index 0000000..92275d5
--- /dev/null
+++ b/composer.json
@@ -0,0 +1,7 @@
+{
+    "require": {
+        "erusev/parsedown": "^1.7",
+        "hoegh/parsedown-toc": "^1.3",
+        "taufik-nurrohman/parsedown-extra-plugin": "^1.3"
+    }
+}
diff --git a/config/.htaccess b/config/.htaccess
new file mode 100644
index 0000000..ffb2587
--- /dev/null
+++ b/config/.htaccess
@@ -0,0 +1,4 @@
+Order deny,allow
+Deny from all
+
+Require all denied
\ No newline at end of file
diff --git a/content/.htaccess b/content/.htaccess
new file mode 100644
index 0000000..ffb2587
--- /dev/null
+++ b/content/.htaccess
@@ -0,0 +1,4 @@
+Order deny,allow
+Deny from all
+
+Require all denied
\ No newline at end of file
diff --git a/content/default.md b/content/default.md
new file mode 100644
index 0000000..555f297
--- /dev/null
+++ b/content/default.md
@@ -0,0 +1,47 @@
+# Welcome to MyNoVi
+
+MyNovi | My Notes Viewer is simple markdown viewer made for my usage.
+
+## Features
+- No configuration
+- Easy install
+- Auto ToC (Table of Content)
+- Browser lazy loading in image
+- KISS
+
+### Limitations
+
+MyNovi only work with one level dir (for moment).
+
+---
+
+## Setup
+Clone this Mynovi using git
+
+`git clone https://forge.leslibres.org/Knah-Tsaeb/MyNoVi.git`
+
+Use composer to install external lib (Parsedown and Parsedown-toc)
+
+`cd MyNoVi`
+
+`composer install`
+
+---
+
+## Usage
+Put your markdown file in 'content' dir via FTP OR SSH.
+
+That's all.
+
+You can personalize the default start page by creating file **content/index.md**.
+
+### Advanced usage
+
+Use synchronisation tools like NextCloud. Sync 'content' dir with your desktop.
+Now just edit your local file and when you save file, after synchro, your file is online.
+
+---
+
+## License
+
+This project is licensed under the terms of the **[AGPLv3](https://www.gnu.org/licenses/agpl-3.0.txt)** license.
\ No newline at end of file
diff --git a/css/dark.css b/css/dark.css
new file mode 100644
index 0000000..a7462cc
--- /dev/null
+++ b/css/dark.css
@@ -0,0 +1,631 @@
+:root {
+  --background-body: #202b38;
+  --background: #161f27;
+  --background-alt: #1a242f;
+  --selection: #1c76c5;
+  --text-main: #dbdbdb;
+  --text-bright: #fff;
+  --text-muted: #a9b1ba;
+  --links: #41adff;
+  --focus: rgba(0, 150, 191, 0.67);
+  --border: #526980;
+  --code: #ffbe85;
+  --animation-duration: 0.1s;
+  --button-hover: #324759;
+  --scrollbar-thumb: var(--button-hover);
+  --scrollbar-thumb-hover: #415c73;
+  --form-placeholder: #a9a9a9;
+  --form-text: #fff;
+  --variable: #d941e2;
+  --highlight: #efdb43;
+  --select-arrow: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")
+}
+
+html {
+  scrollbar-color: #324759 #202b38;
+  scrollbar-color: var(--scrollbar-thumb) var(--background-body);
+  scrollbar-width: thin
+}
+
+body {
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Segoe UI Emoji, Apple Color Emoji, Noto Color Emoji, sans-serif;
+  line-height: 1.4;
+  max-width: 800px;
+  margin: 20px auto;
+  padding: 0 10px;
+  word-wrap: break-word;
+  color: #dbdbdb;
+  color: var(--text-main);
+  background: #202b38;
+  background: var(--background-body);
+  text-rendering: optimizeLegibility
+}
+
+button,
+input,
+textarea {
+  transition: background-color .1s linear, border-color .1s linear, color .1s linear, box-shadow .1s linear, transform .1s ease;
+  transition: background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) ease
+}
+
+h1 {
+  font-size: 2.2em;
+  margin-top: 0
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-bottom: 12px;
+  margin-top: 24px
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+strong {
+  color: #fff;
+  color: var(--text-bright)
+}
+
+b,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+strong,
+th {
+  font-weight: 600
+}
+
+q:after,
+q:before {
+  content: none
+}
+
+blockquote,
+q {
+  border-left: 4px solid rgba(0, 150, 191, .67);
+  border-left: 4px solid var(--focus);
+  margin: 1.5em 0;
+  padding: .5em 1em;
+  font-style: italic
+}
+
+blockquote>footer {
+  font-style: normal;
+  border: 0
+}
+
+address,
+blockquote cite {
+  font-style: normal
+}
+
+a[href^=mailto\:]:before {
+  content: "📧 "
+}
+
+a[href^=tel\:]:before {
+  content: "📞 "
+}
+
+a[href^=sms\:]:before {
+  content: "💬 "
+}
+
+mark {
+  background-color: #efdb43;
+  background-color: var(--highlight);
+  border-radius: 2px;
+  padding: 0 2px;
+  color: #000
+}
+
+button,
+input[type=button],
+input[type=checkbox],
+input[type=radio],
+input[type=range],
+input[type=submit],
+select {
+  cursor: pointer
+}
+
+input:not([type=checkbox]):not([type=radio]),
+select {
+  display: block
+}
+
+button,
+input,
+select,
+textarea {
+  color: #fff;
+  color: var(--form-text);
+  background-color: #161f27;
+  background-color: var(--background);
+  font-family: inherit;
+  font-size: inherit;
+  margin-right: 6px;
+  margin-bottom: 6px;
+  padding: 10px;
+  border: none;
+  border-radius: 6px;
+  outline: none
+}
+
+input[type=checkbox],
+input[type=radio] {
+  height: 1em;
+  width: 1em
+}
+
+input[type=radio] {
+  border-radius: 100%
+}
+
+input {
+  vertical-align: top
+}
+
+label {
+  vertical-align: middle;
+  margin-bottom: 4px;
+  display: inline-block
+}
+
+button,
+input:not([type=checkbox]):not([type=radio]),
+input[type=range],
+select,
+textarea {
+  -webkit-appearance: none
+}
+
+textarea {
+  display: block;
+  margin-right: 0;
+  box-sizing: border-box;
+  resize: vertical
+}
+
+textarea:not([cols]) {
+  width: 100%
+}
+
+textarea:not([rows]) {
+  min-height: 40px;
+  height: 140px
+}
+
+select {
+  background: #161f27 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E") calc(100% - 12px) 50%/12px no-repeat;
+  background: var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;
+  padding-right: 35px
+}
+
+select::-ms-expand {
+  display: none
+}
+
+select[multiple] {
+  padding-right: 10px;
+  background-image: none;
+  overflow-y: auto
+}
+
+button,
+input[type=button],
+input[type=submit] {
+  padding-right: 30px;
+  padding-left: 30px
+}
+
+button:hover,
+input[type=button]:hover,
+input[type=submit]:hover {
+  background: #324759;
+  background: var(--button-hover)
+}
+
+button:focus,
+input:focus,
+select:focus,
+textarea:focus {
+  box-shadow: 0 0 0 2px rgba(0, 150, 191, .67);
+  box-shadow: 0 0 0 2px var(--focus)
+}
+
+button:active,
+input[type=button]:active,
+input[type=checkbox]:active,
+input[type=radio]:active,
+input[type=range]:active,
+input[type=submit]:active {
+  transform: translateY(2px)
+}
+
+button:disabled,
+input:disabled,
+select:disabled,
+textarea:disabled {
+  cursor: not-allowed;
+  opacity: .5
+}
+
+::-moz-placeholder {
+  color: #a9a9a9;
+  color: var(--form-placeholder)
+}
+
+:-ms-input-placeholder {
+  color: #a9a9a9;
+  color: var(--form-placeholder)
+}
+
+::-ms-input-placeholder {
+  color: #a9a9a9;
+  color: var(--form-placeholder)
+}
+
+::placeholder {
+  color: #a9a9a9;
+  color: var(--form-placeholder)
+}
+
+fieldset {
+  border: 1px solid rgba(0, 150, 191, .67);
+  border: 1px solid var(--focus);
+  border-radius: 6px;
+  margin: 0 0 12px;
+  padding: 10px
+}
+
+legend {
+  font-size: .9em;
+  font-weight: 600
+}
+
+input[type=range] {
+  margin: 10px 0;
+  padding: 10px 0;
+  background: transparent
+}
+
+input[type=range]:focus {
+  outline: none
+}
+
+input[type=range]::-webkit-slider-runnable-track {
+  width: 100%;
+  height: 9.5px;
+  -webkit-transition: .2s;
+  transition: .2s;
+  background: #161f27;
+  background: var(--background);
+  border-radius: 3px
+}
+
+input[type=range]::-webkit-slider-thumb {
+  box-shadow: 0 1px 1px #000, 0 0 1px #0d0d0d;
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  background: #526980;
+  background: var(--border);
+  -webkit-appearance: none;
+  margin-top: -7px
+}
+
+input[type=range]:focus::-webkit-slider-runnable-track {
+  background: #161f27;
+  background: var(--background)
+}
+
+input[type=range]::-moz-range-track {
+  width: 100%;
+  height: 9.5px;
+  -moz-transition: .2s;
+  transition: .2s;
+  background: #161f27;
+  background: var(--background);
+  border-radius: 3px
+}
+
+input[type=range]::-moz-range-thumb {
+  box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  background: #526980;
+  background: var(--border)
+}
+
+input[type=range]::-ms-track {
+  width: 100%;
+  height: 9.5px;
+  background: transparent;
+  border-color: transparent;
+  border-width: 16px 0;
+  color: transparent
+}
+
+input[type=range]::-ms-fill-lower,
+input[type=range]::-ms-fill-upper {
+  background: #161f27;
+  background: var(--background);
+  border: .2px solid #010101;
+  border-radius: 3px;
+  box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d
+}
+
+input[type=range]::-ms-thumb {
+  box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
+  border: 1px solid #000;
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  background: #526980;
+  background: var(--border)
+}
+
+input[type=range]:focus::-ms-fill-lower,
+input[type=range]:focus::-ms-fill-upper {
+  background: #161f27;
+  background: var(--background)
+}
+
+a {
+  text-decoration: none;
+  color: #41adff;
+  color: var(--links)
+}
+
+a:hover {
+  text-decoration: underline
+}
+
+code,
+samp,
+time {
+  background: #161f27;
+  background: var(--background);
+  color: #ffbe85;
+  color: var(--code);
+  padding: 2.5px 5px;
+  border-radius: 6px;
+  font-size: 1em
+}
+
+pre>code {
+  padding: 10px;
+  display: block;
+  overflow-x: auto
+}
+
+var {
+  color: #d941e2;
+  color: var(--variable);
+  font-style: normal;
+  font-family: monospace
+}
+
+kbd {
+  background: #161f27;
+  background: var(--background);
+  border: 1px solid #526980;
+  border: 1px solid var(--border);
+  border-radius: 2px;
+  color: #dbdbdb;
+  color: var(--text-main);
+  padding: 2px 4px
+}
+
+img,
+video {
+  max-width: 100%;
+  height: auto
+}
+
+hr {
+  border: none;
+  border-top: 1px solid #526980;
+  border-top: 1px solid var(--border)
+}
+
+table {
+  border-collapse: collapse;
+  margin-bottom: 10px;
+  width: 100%;
+  table-layout: fixed
+}
+
+table caption,
+td,
+th {
+  text-align: left
+}
+
+td,
+th {
+  padding: 6px;
+  vertical-align: top;
+  word-wrap: break-word
+}
+
+thead {
+  border-bottom: 1px solid #526980;
+  border-bottom: 1px solid var(--border)
+}
+
+tfoot {
+  border-top: 1px solid #526980;
+  border-top: 1px solid var(--border)
+}
+
+tbody tr:nth-child(2n) {
+  background-color: #1a242f;
+  background-color: var(--background-alt)
+}
+
+::-webkit-scrollbar {
+  height: 10px;
+  width: 10px
+}
+
+::-webkit-scrollbar-track {
+  background: #161f27;
+  background: var(--background);
+  border-radius: 6px
+}
+
+::-webkit-scrollbar-thumb {
+  background: #324759;
+  background: var(--scrollbar-thumb);
+  border-radius: 6px
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #415c73;
+  background: var(--scrollbar-thumb-hover)
+}
+
+::-moz-selection {
+  background-color: #1c76c5;
+  background-color: var(--selection);
+  color: #fff;
+  color: var(--text-bright)
+}
+
+::selection {
+  background-color: #1c76c5;
+  background-color: var(--selection);
+  color: #fff;
+  color: var(--text-bright)
+}
+
+details {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  background-color: #1a242f;
+  background-color: var(--background-alt);
+  padding: 10px 10px 0;
+  margin: 1em 0;
+  border-radius: 6px;
+  overflow: hidden
+}
+
+details[open] {
+  padding: 10px
+}
+
+details>:last-child {
+  margin-bottom: 0
+}
+
+details[open] summary {
+  margin-bottom: 10px
+}
+
+summary {
+  display: list-item;
+  background-color: #161f27;
+  background-color: var(--background);
+  padding: 10px;
+  margin: -10px -10px 0;
+  cursor: pointer;
+  outline: none
+}
+
+summary:focus,
+summary:hover {
+  text-decoration: underline
+}
+
+details>:not(summary) {
+  margin-top: 0
+}
+
+summary::-webkit-details-marker {
+  color: #dbdbdb;
+  color: var(--text-main)
+}
+
+footer {
+  border-top: 1px solid #526980;
+  border-top: 1px solid var(--border);
+  padding-top: 10px;
+  color: #a9b1ba;
+  color: var(--text-muted)
+}
+
+body>footer {
+  margin-top: 40px
+}
+
+@media print {
+
+  body,
+  button,
+  code,
+  details,
+  input,
+  pre,
+  summary,
+  textarea {
+    background-color: #fff
+  }
+
+  button,
+  input,
+  textarea {
+    border: 1px solid #000
+  }
+
+  body,
+  button,
+  code,
+  footer,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  input,
+  pre,
+  strong,
+  summary,
+  textarea {
+    color: #000
+  }
+
+  summary::marker {
+    color: #000
+  }
+
+  summary::-webkit-details-marker {
+    color: #000
+  }
+
+  tbody tr:nth-child(2n) {
+    background-color: #f2f2f2
+  }
+
+  a {
+    color: #00f;
+    text-decoration: underline
+  }
+}
+
+/*# sourceMappingURL=dark.min.css.map */
\ No newline at end of file
diff --git a/css/main.css b/css/main.css
new file mode 100644
index 0000000..468fa6e
--- /dev/null
+++ b/css/main.css
@@ -0,0 +1,130 @@
+@media (min-width: 540px) {
+  body {
+    display: grid;
+    grid-template-columns: 15% 1fr 12%;
+
+    gap: 0em 1em;
+    grid-template-areas:
+      "menu main toc"
+      "footer footer footer";
+  }
+
+  .toc {
+    top: 0;
+    height: 100vh;
+    position: sticky;
+  }
+}
+
+@media (max-width: 539px) {
+ .a, .m {
+   max-width: 90%;
+ }
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  max-width: 1300px;
+}
+
+h1 {
+  text-shadow: 2px 2px 3px black,  0 0 0.1rem;
+}
+
+.main {
+  grid-area: main;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  overflow: hidden;
+  padding-left: 0.2rem;
+}
+
+form {
+  padding: .2rem;
+  display: flex;
+  justify-content: flex-end;
+  width: 50%;
+  margin: auto;
+}
+
+label {
+  padding: .5em 1em .5em 0;
+}
+
+input {
+  flex: 1;
+}
+
+.backTop {
+  content: "top";
+}
+
+.menu {
+  grid-area: menu;
+  font-size: .9rem;
+}
+
+.toc {
+  grid-area: toc;
+  font-size: .8rem;
+}
+
+.toc ul {
+  position: relative;
+  padding: 0 0 0 .5em;
+  overflow-y: auto;
+}
+
+.toc li {
+  list-style: none;
+}
+
+p {
+  margin: .1em 0;
+  padding: .2em;
+}
+
+.m,
+.a {
+  max-width: 70%;
+  min-width: 1%;
+  padding: 5px 10px;
+  border-radius: .4em;
+  font-size: 0.85rem;
+  margin-bottom: 0.2rem;
+}
+
+.m {
+  background-color: #323348;
+  box-shadow: -1px 3px 5px 0px #1e1f2c;
+  align-self: flex-start;
+}
+
+.a {
+  box-shadow: 1px 3px 5px 0px #1b1b1b;
+  background-color: #292929;
+  align-self: flex-end;
+  text-align: left;
+}
+
+.linkTop {
+  position: fixed;
+  bottom: 3em;
+  right: 3em;
+}
+
+h3 {
+  padding: .2em .3em;
+}
+
+.footer {
+  grid-area: footer;
+}
\ No newline at end of file
diff --git a/favicon-16x16.png b/favicon-16x16.png
new file mode 100644
index 0000000..255ec97
Binary files /dev/null and b/favicon-16x16.png differ
diff --git a/favicon-32x32.png b/favicon-32x32.png
new file mode 100644
index 0000000..c97f7f5
Binary files /dev/null and b/favicon-32x32.png differ
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..283c217
Binary files /dev/null and b/favicon.ico differ
diff --git a/humans.txt b/humans.txt
new file mode 100644
index 0000000..734dff9
--- /dev/null
+++ b/humans.txt
@@ -0,0 +1,16 @@
+/* TEAM */
+	Contact: Knah-Tsaeb_mynovi [at] knah-tsaeb.org
+	
+
+/* DEV */
+    OS: ArchLinux
+	IDE: Code
+    OTHER: GIT
+
+
+/* TECHNOLOGY */
+    PHP
+    HTML5
+    CSS Water.css https://watercss.netlify.app/
+    Parsedown http://parsedown.org
+    Parsedown ToC https://github.com/KEINOS/parsedown-extension_table-of-contents
diff --git a/index.php b/index.php
new file mode 100644
index 0000000..168f6f4
--- /dev/null
+++ b/index.php
@@ -0,0 +1,87 @@
+<?php
+session_start();
+require 'vendor/autoload.php';
+require 'apps/apps.php';
+
+$menu = $body = $toc = '';
+
+/*if(testConfig() === false){
+    $body = '
+    <form method="post">
+    <label>Define your password</label>
+    <input type="password" name="FormPassword"/>
+    </form>';
+}*/
+
+if (!empty($_POST['FormPassword'])) {
+    require 'config/config.php';
+    $FormPassword = htmlspecialchars($_POST['FormPassword']);
+
+    if (password_verify($FormPassword, $passProtect)) {
+        $_SESSION['login'] = true;
+    } else {
+        $_SESSION['login'] = false;
+    }
+}
+
+
+if (empty($_SESSION['login']) or $_SESSION['login'] !== true) {
+    $body = '
+        <form method="post">
+        <label>Password</label>
+        <input type="password" name="FormPassword"/>
+        </form>';
+} else {
+    $dir  = $_GET['dir'] ?? '';
+    $file = $_GET['file'] ?? '';
+    $body = '';
+
+    if (!empty($dir)) {
+        $dir = filter_input(INPUT_GET, 'dir', FILTER_SANITIZE_STRING);
+    }
+
+    if (isset($file)) {
+        $file = filter_input(INPUT_GET, 'file', FILTER_SANITIZE_STRING);
+    }
+
+    if (empty($file) || !file_exists('./content/' . urldecode($dir) . '/' . urldecode($file) . '.md')) {
+        $dir = '';
+        if (file_exists('./content/index.md')) {
+            $file = 'index';
+        } else {
+            $file = 'default';
+        }
+    }
+    /*
+    sed -E 's/[0-9]{2}:[0-9]{2}//' new.md > test.md
+    sed '/^$/d' test.md > new.md
+    */
+
+    $content = file_get_contents('content/' . urldecode($dir) . '/' . urldecode($file) . '.md');
+    $options = array('selectors' => array('h2', 'h3'), 'setBreaksEnabled' => true, 'setSafeMode' => true);
+
+    $content = preg_replace('/([0-9]{2}):([0-9]{2})/i', '', $content);
+    $content = preg_replace('/\[([0-9]{2})\/([0-9]{2})\/([0-9]{4}) ]/i', '', $content);
+    $content = preg_replace('/\[([0-9]{2})\/([0-9]{2}) ]/i', '', $content);
+
+    $content = str_replace('Morgane Mongin', '</p><p class="m">', $content);
+    $content = str_replace('Adrien Passos', '</p><p class="a">', $content);
+    $content = str_replace('morganemongin', '</p><p class="m">', $content);
+    $content = str_replace('knah-tsaeb', '</p><p class="a">', $content);
+    $Parsedown = new ExtendParsedownToc($options);
+    $body = $Parsedown->setMarkupEscaped(false)
+        ->setSafeMode(false)
+        ->setBreaksEnabled(false)
+        ->text($content);
+    $toc  = $Parsedown->contentsList();
+
+    #$body = str_replace("[ ]", '<input type="checkbox" disabled>', $body);
+    #$body = str_replace("[x]", '<input type="checkbox" checked disabled>', $body);
+    $body = str_replace("</h2>", ' <a href="#" class="backTop">⬆️</a></h2>', $body);
+    $body = str_replace("</h3>", ' <a href="#" class="backTop">⬆️</a></h3>', $body);
+    $menu = makeMenu($dir);
+}
+require 'tpl/header.html';
+require 'tpl/aside.html';
+require 'tpl/main.html';
+require 'tpl/footer.html';
diff --git a/mstile-150x150.png b/mstile-150x150.png
new file mode 100644
index 0000000..0d74ede
Binary files /dev/null and b/mstile-150x150.png differ
diff --git a/safari-pinned-tab.svg b/safari-pinned-tab.svg
new file mode 100644
index 0000000..7da829c
--- /dev/null
+++ b/safari-pinned-tab.svg
@@ -0,0 +1 @@
+<svg version="1" xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 225.000000 225.000000"><path d="M47.2 4.9c-6.4 2.2-11.7 7-14.5 13.1-1.7 3.6-2.2 7.1-2.5 17.7L29.8 49h-8.4c-7.1 0-8.7.3-10.4 2-2.6 2.6-2.5 4.6.5 7.5C13.7 60.7 14.7 61 22 61h8v25h-8.5c-7.2 0-8.8.3-10.5 2-2.6 2.6-2.5 4.6.5 7.5C13.7 97.7 14.7 98 22 98h8v27h-8.5c-7.2 0-8.8.3-10.5 2-2.6 2.6-2.5 4.6.5 7.5 2.2 2.2 3.2 2.5 10.5 2.5h8v28h-7.9c-4.4 0-8.7.3-9.6.6-2.5 1-3.7 5.1-2.4 7.7 1.8 3.4 2.8 3.7 11.7 3.7H30v10.5c0 5.7.5 12.7 1.1 15.5 1.4 6.6 6.2 12.8 12.4 16.2l5 2.8h74.3c73.6 0 74.3 0 78.7-2.1 2.5-1.2 6.1-4 8.1-6.2 6.7-7.9 6.5-4.7 6.2-103.3l-.3-88.9-2.2-4.1c-1.2-2.2-4-5.7-6.2-7.7-7.5-6.8-6.3-6.7-84.5-6.7-65.4.1-70.5.2-75.4 1.9zM77 112.5V210H64.7c-19.9 0-22.7-2.7-22.7-22.2V176h8.4c7.6 0 8.6-.2 10-2.2 2.3-3.2 2-5.4-1-7.7-2.2-1.7-4.1-2.1-10-2.1H42v-28h8.2c8.8 0 11.8-1.4 11.8-5.3 0-4.4-2.7-5.7-11.7-5.7H42V97h8.2C59 97 62 95.6 62 91.7c0-4.4-2.7-5.7-11.7-5.7H42V60h8.2C59 60 62 58.6 62 54.7c0-4.4-2.7-5.7-11.7-5.7H42V37.2C42 24 43.2 20.7 49.2 17c2.8-1.7 5.1-2 15.6-2H77v97.5zM196.8 17c1.8 1.1 4.1 3.4 5.2 5.2 1.9 3.2 2 5.3 2 90.3 0 82.4-.1 87.2-1.8 90.4-1 1.9-3.4 4.3-5.3 5.3-3.1 1.7-6.9 1.8-55.6 1.8H89V15h52.3c50.3 0 52.3.1 55.5 2z"/><path d="M171 59.9c-2 2.1-4.6 5.2-5.8 6.8l-2.1 3 11 8.4c6 4.6 11.3 8.5 11.7 8.6 1 .3 8.1-9.2 9.3-12.4 1.7-4.6-.6-8.9-7.3-13.9-8-5.8-11.6-6-16.8-.5zM138.9 100.7c-10.6 13.6-22.3 28.7-26.1 33.5l-6.7 8.7 11 8.6c6.1 4.7 11.4 8.5 11.9 8.3 1.1-.4 52-65.8 52-66.7-.1-.7-20.5-16.4-21.9-16.9-.5-.2-9.6 10.9-20.2 24.5zM101 154.8c0 2.7-.3 8.3-.6 12.5l-.7 7.6 11.4-3.9c6.3-2.2 11.8-4.1 12.2-4.3 1-.3-19.9-16.7-21.3-16.7-.6 0-1 2.2-1 4.8z"/></svg>
\ No newline at end of file
diff --git a/site.webmanifest b/site.webmanifest
new file mode 100644
index 0000000..0e0e858
--- /dev/null
+++ b/site.webmanifest
@@ -0,0 +1,14 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
diff --git a/tpl/aside.html b/tpl/aside.html
new file mode 100644
index 0000000..245cffb
--- /dev/null
+++ b/tpl/aside.html
@@ -0,0 +1,6 @@
+<aside class="menu">
+    <nav>
+        <h1>HisMA</h1>
+        <?php echo $menu;?>
+    </nav>
+</aside>
diff --git a/tpl/footer.html b/tpl/footer.html
new file mode 100644
index 0000000..bd75539
--- /dev/null
+++ b/tpl/footer.html
@@ -0,0 +1,9 @@
+<footer class="footer">
+    <div>
+        <hr>
+        <a href="https://forge.leslibres.org/Knah-Tsaeb/MyNoVi">MyNoVi</a> is under <a href="/LICENSE">AGPLv3</a> | Made in 2020 by Knah Tsaeb
+    </div>
+</footer>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/tpl/header.html b/tpl/header.html
new file mode 100644
index 0000000..917342a
--- /dev/null
+++ b/tpl/header.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="x-ua-compatible" content="ie=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta http-equiv="Cache-control" content="public">
+
+    <title>HisMA</title>
+
+    <link rel="author" href="humans.txt" />
+    <link rel="stylesheet" href="/css/dark.css" />
+    <link rel="stylesheet" href="/css/main.css" />
+
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+    <link rel="manifest" href="/site.webmanifest">
+    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
+    <meta name="msapplication-TileColor" content="#da532c">
+    <meta name="theme-color" content="#ffffff">
+
+    <meta name="description" content="HisMA">
+
+    <meta property="og:image" content="https://hisma.knah-tsaeb.org/android-chrome-192x192.png" />
+    <meta property="og:image:type" content="image/png" />
+    <meta property="og:image:width" content="192" />
+    <meta property="og:image:height" content="192" />
+    <meta property="og:image:alt" content="Logo" />
+    <meta property="og:title" content="HisMA" />
+    <meta property="og:description" content="HisMA" />
+
+</head>
+
+<body>
diff --git a/tpl/main.html b/tpl/main.html
new file mode 100644
index 0000000..9dfdf95
--- /dev/null
+++ b/tpl/main.html
@@ -0,0 +1,11 @@
+<aside class="toc">
+    <?php echo $toc;?>
+</aside>
+
+<div class="linkTop">
+    <a href="#" class="backTop">⬆️</a>
+</div>
+<main class="main">
+
+    <?php echo $body;?>
+</main>
\ No newline at end of file