SeaCMS/seacms-theme
3
0
Fork 0
Code Issues Pull Requests Activity

feat(seacms-theme):init

Browse Source
This commit is contained in:
Thatoo 2023-02-16 19:15:02 +01:00
commit b983b910f5
58 changed files with 68741 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

289
LICENCE Normal file
View File

@ -0,0 +1,289 @@
LICENCE APPLICABLE FOR ALL FILES EXCEPT CONTENT OF 'VENDOR' DIRECTORY
EUROPEAN UNION PUBLIC LICENCE v. 1.2
EUPL © the European Union 2007, 2016
This European Union Public Licence (the ‘EUPL’) applies to the Work (as defined
below) which is provided under the terms of this Licence. Any use of the Work,
other than as authorised under this Licence is prohibited (to the extent such
use is covered by a right of the copyright holder of the Work).
The Work is provided under the terms of this Licence when the Licensor (as
defined below) has placed the following notice immediately following the
copyright notice for the Work:
Licensed under the EUPL
or has expressed by any other means his willingness to license under the EUPL.
1. Definitions
In this Licence, the following terms have the following meaning:
- ‘The Licence’: this Licence.
- ‘The Original Work’: the work or software distributed or communicated by the
Licensor under this Licence, available as Source Code and also as Executable
Code as the case may be.
- ‘Derivative Works’: the works or software that could be created by the
Licensee, based upon the Original Work or modifications thereof. This Licence
does not define the extent of modification or dependence on the Original Work
required in order to classify a work as a Derivative Work; this extent is
determined by copyright law applicable in the country mentioned in Article 15.
- ‘The Work’: the Original Work or its Derivative Works.
- ‘The Source Code’: the human-readable form of the Work which is the most
convenient for people to study and modify.
- ‘The Executable Code’: any code which has generally been compiled and which is
meant to be interpreted by a computer as a program.
- ‘The Licensor’: the natural or legal person that distributes or communicates
the Work under the Licence.
- ‘Contributor(s)’: any natural or legal person who modifies the Work under the
Licence, or otherwise contributes to the creation of a Derivative Work.
- ‘The Licensee’ or ‘You’: any natural or legal person who makes any usage of
the Work under the terms of the Licence.
- ‘Distribution’ or ‘Communication’: any act of selling, giving, lending,
renting, distributing, communicating, transmitting, or otherwise making
available, online or offline, copies of the Work or providing access to its
essential functionalities at the disposal of any other natural or legal
person.
2. Scope of the rights granted by the Licence
The Licensor hereby grants You a worldwide, royalty-free, non-exclusive,
sublicensable licence to do the following, for the duration of copyright vested
in the Original Work:
- use the Work in any circumstance and for all usage,
- reproduce the Work,
- modify the Work, and make Derivative Works based upon the Work,
- communicate to the public, including the right to make available or display
the Work or copies thereof to the public and perform publicly, as the case may
be, the Work,
- distribute the Work or copies thereof,
- lend and rent the Work or copies thereof,
- sublicense rights in the Work or copies thereof.
Those rights can be exercised on any media, supports and formats, whether now
known or later invented, as far as the applicable law permits so.
In the countries where moral rights apply, the Licensor waives his right to
exercise his moral right to the extent allowed by law in order to make effective
the licence of the economic rights here above listed.
The Licensor grants to the Licensee royalty-free, non-exclusive usage rights to
any patents held by the Licensor, to the extent necessary to make use of the
rights granted on the Work under this Licence.
3. Communication of the Source Code
The Licensor may provide the Work either in its Source Code form, or as
Executable Code. If the Work is provided as Executable Code, the Licensor
provides in addition a machine-readable copy of the Source Code of the Work
along with each copy of the Work that the Licensor distributes or indicates, in
a notice following the copyright notice attached to the Work, a repository where
the Source Code is easily and freely accessible for as long as the Licensor
continues to distribute or communicate the Work.
4. Limitations on copyright
Nothing in this Licence is intended to deprive the Licensee of the benefits from
any exception or limitation to the exclusive rights of the rights owners in the
Work, of the exhaustion of those rights or of other applicable limitations
thereto.
5. Obligations of the Licensee
The grant of the rights mentioned above is subject to some restrictions and
obligations imposed on the Licensee. Those obligations are the following:
Attribution right: The Licensee shall keep intact all copyright, patent or
trademarks notices and all notices that refer to the Licence and to the
disclaimer of warranties. The Licensee must include a copy of such notices and a
copy of the Licence with every copy of the Work he/she distributes or
communicates. The Licensee must cause any Derivative Work to carry prominent
notices stating that the Work has been modified and the date of modification.
Copyleft clause: If the Licensee distributes or communicates copies of the
Original Works or Derivative Works, this Distribution or Communication will be
done under the terms of this Licence or of a later version of this Licence
unless the Original Work is expressly distributed only under this version of the
Licence — for example by communicating ‘EUPL v. 1.2 only’. The Licensee
(becoming Licensor) cannot offer or impose any additional terms or conditions on
the Work or Derivative Work that alter or restrict the terms of the Licence.
Compatibility clause: If the Licensee Distributes or Communicates Derivative
Works or copies thereof based upon both the Work and another work licensed under
a Compatible Licence, this Distribution or Communication can be done under the
terms of this Compatible Licence. For the sake of this clause, ‘Compatible
Licence’ refers to the licences listed in the appendix attached to this Licence.
Should the Licensee's obligations under the Compatible Licence conflict with
his/her obligations under this Licence, the obligations of the Compatible
Licence shall prevail.
Provision of Source Code: When distributing or communicating copies of the Work,
the Licensee will provide a machine-readable copy of the Source Code or indicate
a repository where this Source will be easily and freely available for as long
as the Licensee continues to distribute or communicate the Work.
Legal Protection: This Licence does not grant permission to use the trade names,
trademarks, service marks, or names of the Licensor, except as required for
reasonable and customary use in describing the origin of the Work and
reproducing the content of the copyright notice.
6. Chain of Authorship
The original Licensor warrants that the copyright in the Original Work granted
hereunder is owned by him/her or licensed to him/her and that he/she has the
power and authority to grant the Licence.
Each Contributor warrants that the copyright in the modifications he/she brings
to the Work are owned by him/her or licensed to him/her and that he/she has the
power and authority to grant the Licence.
Each time You accept the Licence, the original Licensor and subsequent
Contributors grant You a licence to their contributions to the Work, under the
terms of this Licence.
7. Disclaimer of Warranty
The Work is a work in progress, which is continuously improved by numerous
Contributors. It is not a finished work and may therefore contain defects or
‘bugs’ inherent to this type of development.
For the above reason, the Work is provided under the Licence on an ‘as is’ basis
and without warranties of any kind concerning the Work, including without
limitation merchantability, fitness for a particular purpose, absence of defects
or errors, accuracy, non-infringement of intellectual property rights other than
copyright as stated in Article 6 of this Licence.
This disclaimer of warranty is an essential part of the Licence and a condition
for the grant of any rights to the Work.
8. Disclaimer of Liability
Except in the cases of wilful misconduct or damages directly caused to natural
persons, the Licensor will in no event be liable for any direct or indirect,
material or moral, damages of any kind, arising out of the Licence or of the use
of the Work, including without limitation, damages for loss of goodwill, work
stoppage, computer failure or malfunction, loss of data or any commercial
damage, even if the Licensor has been advised of the possibility of such damage.
However, the Licensor will be liable under statutory product liability laws as
far such laws apply to the Work.
9. Additional agreements
While distributing the Work, You may choose to conclude an additional agreement,
defining obligations or services consistent with this Licence. However, if
accepting obligations, You may act only on your own behalf and on your sole
responsibility, not on behalf of the original Licensor or any other Contributor,
and only if You agree to indemnify, defend, and hold each Contributor harmless
for any liability incurred by, or claims asserted against such Contributor by
the fact You have accepted any warranty or additional liability.
10. Acceptance of the Licence
The provisions of this Licence can be accepted by clicking on an icon ‘I agree’
placed under the bottom of a window displaying the text of this Licence or by
affirming consent in any other similar way, in accordance with the rules of
applicable law. Clicking on that icon indicates your clear and irrevocable
acceptance of this Licence and all of its terms and conditions.
Similarly, you irrevocably accept this Licence and all of its terms and
conditions by exercising any rights granted to You by Article 2 of this Licence,
such as the use of the Work, the creation by You of a Derivative Work or the
Distribution or Communication by You of the Work or copies thereof.
11. Information to the public
In case of any Distribution or Communication of the Work by means of electronic
communication by You (for example, by offering to download the Work from a
remote location) the distribution channel or media (for example, a website) must
at least provide to the public the information requested by the applicable law
regarding the Licensor, the Licence and the way it may be accessible, concluded,
stored and reproduced by the Licensee.
12. Termination of the Licence
The Licence and the rights granted hereunder will terminate automatically upon
any breach by the Licensee of the terms of the Licence.
Such a termination will not terminate the licences of any person who has
received the Work from the Licensee under the Licence, provided such persons
remain in full compliance with the Licence.
13. Miscellaneous
Without prejudice of Article 9 above, the Licence represents the complete
agreement between the Parties as to the Work.
If any provision of the Licence is invalid or unenforceable under applicable
law, this will not affect the validity or enforceability of the Licence as a
whole. Such provision will be construed or reformed so as necessary to make it
valid and enforceable.
The European Commission may publish other linguistic versions or new versions of
this Licence or updated versions of the Appendix, so far this is required and
reasonable, without reducing the scope of the rights granted by the Licence. New
versions of the Licence will be published with a unique version number.
All linguistic versions of this Licence, approved by the European Commission,
have identical value. Parties can take advantage of the linguistic version of
their choice.
14. Jurisdiction
Without prejudice to specific agreement between parties,
- any litigation resulting from the interpretation of this License, arising
between the European Union institutions, bodies, offices or agencies, as a
Licensor, and any Licensee, will be subject to the jurisdiction of the Court
of Justice of the European Union, as laid down in article 272 of the Treaty on
the Functioning of the European Union,
- any litigation arising between other parties and resulting from the
interpretation of this License, will be subject to the exclusive jurisdiction
of the competent court where the Licensor resides or conducts its primary
business.
15. Applicable Law
Without prejudice to specific agreement between parties,
- this Licence shall be governed by the law of the European Union Member State
where the Licensor has his seat, resides or has his registered office,
- this licence shall be governed by Belgian law if the Licensor has no seat,
residence or registered office inside a European Union Member State.
Appendix
‘Compatible Licences’ according to Article 5 EUPL are:
- GNU General Public License (GPL) v. 2, v. 3
- GNU Affero General Public License (AGPL) v. 3
- Open Software License (OSL) v. 2.1, v. 3.0
- Eclipse Public License (EPL) v. 1.0
- CeCILL v. 2.0, v. 2.1
- Mozilla Public Licence (MPL) v. 2
- GNU Lesser General Public Licence (LGPL) v. 2.1, v. 3
- Creative Commons Attribution-ShareAlike v. 3.0 Unported (CC BY-SA 3.0) for
works other than software
- European Union Public Licence (EUPL) v. 1.1, v. 1.2
- Québec Free and Open-Source Licence — Reciprocity (LiLiQ-R) or Strong
Reciprocity (LiLiQ-R+).
The European Commission may update this Appendix to later versions of the above
licences without producing a new version of the EUPL, as long as they provide
the rights granted in Article 2 of this Licence and protect the covered Source
Code from exclusive appropriation.
All other changes or additions to this Appendix require the production of a new
EUPL version.

99
LICENCE_FR Normal file
View File

@ -0,0 +1,99 @@
LICENCE APPLICABLE POUR TOUS LES FICHIERS SAUF LE CONTENU DU DOSSIER 'VENDOR'
LICENCE PUBLIQUE DE L'UNION EUROPÉENNE v. 1.2
EUPL © Union européenne 2007, 2016
La présente licence publique de l'Union européenne («EUPL») s'applique à toute œuvre (telle que définie ci-dessous) fournie aux conditions prévues par la présente licence. Toute utilisation de l'œuvre autre que ce qu'autorise la présente licence est interdite (dans la mesure où pareille utilisation est couverte par un droit du titulaire des droits d'auteur sur l'œuvre). L'œuvre est fournie aux conditions prévues par la présente licence quand le donneur de licence (tel que défini ci-dessous) a placé la mention suivante immédiatement après la déclaration relative au droit d'auteur sur l'œuvre:
Sous licence EUPL
ou a exprimé de toute autre manière sa volonté de fournir l'œuvre sous licence EUPL.
1.Définitions
Dans la présente licence, on entend par:
— «licence», la présente licence,
— «œuvre originale», l'œuvre ou le logiciel distribué ou communiqué par le donneur de licence en vertu de la présente licence, sous forme de code source ou de code objet, selon le cas,
— «œuvres dérivées», les œuvres ou logiciels qui pourraient être créés par le licencié sur la base de l'œuvre originale ou des modifications qui y auraient été appliquées. La présente licence ne définit pas le degré de modification ou de dépendance requis par rapport à l'œuvre originale pour qu'une œuvre soit qualifiée d'œuvre dérivée; cette question est réglée par la loi applicable en matière de droit d'auteur dans le pays visé à l'article 15,
— «œuvre», l'œuvre originale ou ses œuvres dérivées,
— «code source», la forme de l'œuvre, lisible par l'homme, la plus appropriée pour que des personnes puissent l'examiner et la modifier,
— «code objet», l'œuvre codée, généralement après compilation, destinée à être exécutée en tant que programme par un ordinateur, — «donneur de licence», la personne physique ou morale qui distribue ou communique l'œuvre sous licence,
— «contributeur», toute personne physique ou morale qui modifie l'œuvre sous licence, ou contribue de toute autre manière à en faire une œuvre dérivée,
— «licencié» ou «vous», toute personne physique ou morale qui utilise l'œuvre conformément à la licence,
— «distribution» ou «communication», tout acte de vente, don, prêt, location, distribution, communication, transmission ou mise à disposition, en ligne ou hors ligne, de copies de l'œuvre, et tout acte donnant accès à ses fonctions essentielles à toute autre personne physique ou morale.
2.Portée des droits accordés par la licence
Par la présente, le donneur de licence vous concède, pour la durée de la protection de son droit d'auteur sur l'œuvre originale, une licence mondiale, libre de redevances, non exclusive et pouvant faire l'objet de sous-licences, en vertu de laquelle vous pouvez:
— utiliser l'œuvre en toute circonstance et pour tout usage,
— reproduire l'œuvre,
— modifier l'œuvre et créer des œuvres dérivées sur la base de l'œuvre,
— communiquer l'œuvre au public, ce qui inclut le droit de mettre à disposition du public ou de lui présenter l'œuvre ou des copies de l'œuvre et d'en effectuer des représentations publiques, le cas échéant,
— distribuer l'œuvre ou des copies de celle-ci,
— prêter et louer l'œuvre ou des copies de celles-ci,
— accorder en sous-licence des droits sur l'œuvre ou sur des copies de celle-ci.
Ces droits peuvent être exercés sur tout support et format, connu ou encore à inventer, dans la mesure où le droit applicable le permet. Dans les pays où des droits moraux s'appliquent, le donneur de licence renonce à son droit d'exercer son droit moral dans la mesure permise par la loi afin que la licence sur les droits patrimoniaux susmentionnés produise ses effets. Le donneur de licence vous concède un droit d'usage libre de redevances et non exclusif sur tout brevet qu'il détient, dans la mesure nécessaire à l'exercice des droits qui vous sont concédés sur l'œuvre sous licence.
3.Communication du code source
Le donneur de licence fournit l'œuvre sous forme de code source ou de code objet. Si l'œuvre est fournie sous forme de code objet, le donneur de licence accompagne chacune des copies de l'œuvre qu'il distribue d'une copie lisible par machine du code source de l'œuvre ou indique, dans un avis qui suit la déclaration relative au droit d'auteur jointe à l'œuvre, l'endroit où le code source est aisément et gratuitement accessible aussi longtemps que le donneur de licence continue à distribuer ou communiquer l'œuvre.
4.Limitations du droit d'auteur
Rien dans la présente licence n'a pour but de priver le licencié des avantages résultant de toute exception ou limitation aux droits exclusifs des titulaires de droits sur l'œuvre, de l'épuisement de ces droits ou de toute autre limitation qui s'y applique.
5.Obligations du licencié
La concession des droits susmentionnés est soumise à des restrictions et à des obligations pour le licencié. Ces obligations sont les suivantes:
Droit d'attribution: le licencié laisse intactes toutes les déclarations concernant le droit d'auteur, le brevet ou les marques et toutes les déclarations concernant la licence et l'exclusion de garantie. Le licencié assortit chaque copie de l'œuvre qu'il distribue ou communique d'une copie de ces déclarations et d'une copie de la licence. Le licencié veille à ce que toute œuvre dérivée soit assortie d'un avis bien visible indiquant que l'œuvre a été modifiée et mentionnant la date de la modification.
Clause copyleft: si le licencié distribue ou communique des copies d'œuvres originales ou d'œuvres dérivées, cette distribution ou cette communication est effectuée dans les conditions prévues par la présente licence ou une version ultérieure de cette licence, sauf si l'œuvre originale est expressément distribuée en vertu de la présente version de la licence uniquement, par exemple au moyen de la mention «EUPL v. 1.2 seulement». Le licencié (qui devient donneur de licence) ne peut pas, en ce qui concerne l'œuvre ou les œuvres dérivées, offrir ou imposer des conditions supplémentaires qui restreignent ou modifient les conditions de la licence.
Clause de compatibilité: si le licencié distribue ou communique des œuvres dérivées ou des copies de telles œuvres basées à la fois sur l'œuvre et sur une autre œuvre concédée sous une licence compatible, la distribution ou la communication peut être faite aux conditions de cette licence compatible. Aux fins de la présente clause, une «licence compatible» est l'une des licences énumérées dans l'appendice de la présente licence. Dans le cas où les obligations du licencié au titre de la licence compatible entrent en conflit avec les obligations du licencié au titre de la présente licence, les premières prévalent.
Fourniture du code source: lorsqu'il distribue ou communique des copies de l'œuvre, le licencié fournit une copie lisible par machine du code source ou indique l'endroit où ce code source restera aisément et gratuitement accessible aussi longtemps que le donneur de licence continuera à distribuer ou communiquer l'œuvre.
Protection des droits: la présente licence ne donne pas le droit d'utiliser les noms commerciaux, les marques commerciales, les marques de service ou les noms du donneur de licence, sauf dans la mesure nécessaire, conformément à une utilisation raisonnable et aux pratiques habituelles, pour décrire l'origine de l'œuvre et reproduire la déclaration concernant le droit d'auteur.
6.Chaîne d'auteurs
Le donneur de licence initial garantit que les droits d'auteur sur l'œuvre originale concédés par la présente licence lui appartiennent ou lui ont été donnés sous licence, et qu'il a le pouvoir et la capacité de concéder la licence. Tout contributeur garantit que les droits d'auteur sur les modifications qu'il apporte à l'œuvre lui appartiennent ou lui ont été donnés sous licence, et qu'il a le pouvoir et la capacité de concéder la licence. Chaque fois que vous acceptez la licence, le donneur de licence initial et les contributeurs successifs vous concèdent une licence sur leurs contributions à l'œuvre selon les conditions de la présente licence.
7.Exclusion de garantie
L'œuvre est un travail en cours, amélioré de manière continue par de nombreux contributeurs. Elle constitue un travail inachevé et peut dès lors contenir des défauts ou bogues inhérents à ce type de développement. Pour cette raison, l'œuvre est fournie sous licence telle quelle, sans aucune garantie d'aucune sorte la concernant, y compris, sans que cette liste soit exhaustive, eu égard à sa qualité marchande, son aptitude à un usage particulier, l'absence de défauts ou d'erreurs, l'exactitude ou la non-violation de droits de propriété intellectuelle autres que le droit d'auteur comme prévu à l'article 6 de la présente licence. Cette exclusion de garantie est une partie essentielle de la licence et une condition de la concession de droits sur l'œuvre.
8.Exclusion de responsabilité
Sauf dans les cas de faute intentionnelle ou de dommages directement causés à des personnes physiques, le donneur de licence n'est en aucun cas responsable des dommages, quelle qu'en soit la nature, directs ou indirects, matériels ou moraux, résultant de la licence ou de l'utilisation de l'œuvre, y compris, sans que cette liste soit exhaustive, des dommages causés par les atteintes à la réputation, les interruptions de travail, les défaillances ou le mauvais fonctionnement de matériel informatique, les pertes de données ou tout autre dommage économique, même si le donneur de licence a été informé de la possibilité de tels dommages. Cependant, le donneur de licence est responsable en vertu des dispositions législatives et réglementaires relatives à la responsabilité du fait des produits, dans la mesure où celles-ci sont applicables à l'œuvre.
9.Accords additionnels
Lorsque vous distribuez l'œuvre, vous pouvez choisir de conclure un accord additionnel définissant des obligations ou des services compatibles avec la présente licence. Cependant, si vous acceptez des obligations, vous ne pouvez agir qu'en votre nom et sous votre seule responsabilité, et non au nom du donneur de licence initial ou de tout autre contributeur, et seulement si vous acceptez d'indemniser, de défendre et de mettre hors de cause tous les contributeurs s'ils encourent une responsabilité quelconque ou si des réclamations sont formulées à leur encontre du fait que vous avez accepté des garanties ou des responsabilités additionnelles.
10.Acceptation de la licence
Vous pouvez exprimer votre accord sur le contenu de la présente licence en cliquant sur l'icône «J'accepte» placée au bas d'une fenêtre faisant apparaître le texte de la présente licence, ou par toute autre manifestation de consentement similaire, conformément à la loi applicable. Le fait de cliquer sur cette icône indique votre acceptation claire et irrévocable de la présente licence et de toutes ses conditions. De même, vous acceptez irrévocablement la présente licence et toutes ses conditions dès lors que vous exercez un des droits qui vous sont concédés par l'article 2 de la présente licence, tels que l'utilisation de l'œuvre, la création d'une œuvre dérivée ou la distribution ou la communication de l'œuvre ou de copies de l'œuvre.
11.Information du public
En cas de distribution ou de communication électronique de l'œuvre (par exemple en permettant son téléchargement à distance), le canal de distribution ou le support (par exemple un site web) doit au minimum fournir au public les informations requises par le droit applicable en ce qui concerne le donneur de licence et la licence ainsi que la manière dont le licencié peut accéder à celle-ci, la conclure, la stocker et la reproduire.
12.Fin de la licence
La licence et les droits qu'elle concède prennent automatiquement fin dès que le licencié viole l'une de ses conditions. Un tel événement ne met pas fin aux licences des personnes ayant reçu l'œuvre sous licence de la part du licencié, pour autant que ces personnes respectent pleinement la licence.
13.Divers
Sous réserve de l'article 9, la licence représente l'entièreté de l'accord entre les parties quant à l'œuvre. Le fait qu'une clause quelconque de la licence soit invalide ou inapplicable en vertu du droit applicable n'affecte pas la validité ou l'applicabilité de la licence dans son ensemble. Une telle clause sera interprétée ou modifiée dans la mesure nécessaire pour la rendre valide ou applicable. La Commission européenne peut publier d'autres versions linguistiques ou de nouvelles versions de la présente licence ou des versions actualisées de son appendice, dans la mesure de ce qui est nécessaire et raisonnable, sans réduire la portée des droits accordés par la licence. Les nouvelles versions de la licence seront publiées avec un numéro de version unique. Toutes les versions linguistiques de la présente licence, approuvées par la Commission européenne, ont la même valeur. Les parties peuvent se prévaloir de la version linguistique de leur choix.
14.Juridiction compétente
Sans préjudice d'accords spécifiques entre les parties,
— tout litige résultant de l'interprétation de la présente licence survenant entre des institutions, organes, bureaux ou agences de l'Union européenne en tant que donneurs de licence et un licencié relève de la juridiction de la Cour de justice de l'Union européenne, conformément à l'article 272 du traité sur le fonctionnement de l'Union européenne,
— tout litige survenant entre d'autres parties et résultant de l'interprétation de la présente licence relève de la compétence exclusive de la juridiction compétente du lieu où le donneur de licence réside ou exerce son activité principale.
15.Droit applicable
Sans préjudice d'accords spécifiques entre les parties,
— la présente licence est régie par le droit de l'État membre de l'Union européenne où le donneur de licence réside ou a son siège social ou statutaire,
— la présente licence est régie par le droit belge si le donneur de licence ne réside pas et n'a pas son siège social ou statutaire dans un État membre de l'Union européenne.
Appendice
Aux fins de l'article 5 de l'EUPL, les licences compatibles sont les suivantes:
— GNU General Public License (GPL) v. 2, v. 3
— GNU Affero General Public License (AGPL) v. 3
— Open Software License (OSL) v. 2.1, v. 3.0
— Eclipse Public License (EPL) v. 1.0
— CeCILL v. 2.0, v. 2.1
— Mozilla Public licence (MPL) v. 2
— GNU Lesser General Public licence (LGPL) v. 2.1, v. 3
— Creative Commons Attribution-ShareAlike v. 3.0 Unported (CC BY-SA 3.0) pour les œuvres autres que logicielles
— Licence publique de l'Union européenne (EUPL) v. 1.1, v. 1.2
— Licence libre du Québec — Réciprocité (LiLiQ-R) ou Réciprocité forte (LiLiQ-R+)
La Commission européenne pourra actualiser le présent appendice afin d'y inclure des versions ultérieures des licences ci-dessus sans produire de nouvelle version de l'EUPL, dès lors que ces versions prévoient la concession des droits visés à l'article 2 de la présente licence et empêchent l'appropriation exclusive du code source couvert.
Tout autre changement ou ajout au présent appendice requiert la production d'une nouvelle version de l'EUPL.

43
README.md Normal file
View File

@ -0,0 +1,43 @@
SeaCMS Default Theme
==================
- [Français](#Fran%C3%A7ais)
- [English](#English)
## Français
Ce paquet est le thème principal de SeaCMS.
**Attention : le nom SeaCMS va changer car il semble déjà utilisé dans d'autres pays**
### Auteurs
- Jérémy Dufraisse (2022-2023)
- Thatoo (2022-2023)
- Marion Bouder (2022-2023)
- Association Defis (2022-2023)
### Licence et garanties
Voir le fichier [LICENCE](./LICENCE) (et sa traduction française [LICENCE_FR](./LICENCE_FR))
**IMPORTANT**: Le fichier LICENCE file ne couvre pas le contenu des dossiers `vendor`. Voir le fichier LICENCE fournis dans chaque sous-dossier concerné par la bibliothèque importée.
## English
This package is the main theme of SeaCMS.
**Warning : the name SeaCMS will change because it seems already uses in other countries**
### Authors
- Jérémy Dufraisse (2022-2023)
- Thatoo (2022-2023)
- Marion Bouder (2022-2023)
- Association Defis (2022-2023)
### Licence and warranty
See [LICENCE](./LICENCE) file (and french translation [LICENCE_FR](./LICENCE_FR))
**IMPORTANT**: LICENCE file does not cover content of folders `vendor`. See dedicated LICENCE file for each subfolder concerning the imported library.

14
composer.json Normal file
View File

@ -0,0 +1,14 @@
{
"name": "seacms/seacms-theme",
"type": "pico-theme",
"description": "This is SeaCMS's official default theme.",
"keywords": [ "pico", "seacms", "seacms-theme", "pico-theme", "default-theme" ],
"homepage": "https://git.defis.info/SeaCMS/seacms-theme",
"license": "EUPL-1.2",
"require": {
"seacms/manager": "dev-master"
},
"extra": {
"installer-name": "seacms",
}
}

674
css/animation.css Normal file
View File

@ -0,0 +1,674 @@
/*!
* SEA CMS Animation Theme
*/
/* ---------------------------------- */
/* Animation */
/* ---------------------------------- */
/* Base */
.animation {
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animation.delay-1 {
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
}
.animation.delay-2 {
-webkit-animation-delay: calc(0.25s * 2);
animation-delay: calc(0.25s * 2);
-webkit-animation-delay: calc(0.25s * 2);
animation-delay: calc(0.25s * 2);
}
.animation.delay-3 {
-webkit-animation-delay: calc(0.25s * 3);
animation-delay: calc(0.25s * 3);
-webkit-animation-delay: calc(0.25s * 3);
animation-delay: calc(0.25s * 3);
}
.animation.delay-4 {
-webkit-animation-delay: calc(0.25s * 4);
animation-delay: calc(0.25s * 4);
-webkit-animation-delay: calc(0.25s * 4);
animation-delay: calc(0.25s * 4);
}
.animation.delay-5 {
-webkit-animation-delay: calc(0.25s * 5);
animation-delay: calc(0.25s * 5);
-webkit-animation-delay: calc(0.25s * 5);
animation-delay: calc(0.25s * 5);
}
/* Fade */
/* Fading entrances */
@-webkit-keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fade-in {
-webkit-animation-name: fade-in;
animation-name: fade-in;
}
@keyframes fade-in-out {
0%,100% { opacity: 0; }
50% { opacity: 1; }
}
.fade-in-out {
-webkit-animation-name: fade-in-out;
animation: fade-in-out 1s ease forwards;
}
@keyframes fadeInToolbox {
0% { opacity: 0; }
100% { opacity: 0.8; }
}
.fadeInToolbox {
-webkit-animation-name: fadeInToolbox;
animation: fadeInToolbox .3s ease-in;
}
@keyframes fade-50 {
0% { opacity: 0; }
100% { opacity: 0.5; }
}
.fade-50 {
-webkit-animation-name: fade-50;
animation: fade-50 .5s 1;
}
/* Slide */
@-webkit-keyframes slide-down {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-down {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slide-down {
-webkit-animation-name: slide-down;
animation-name: slide-down;
}
@-webkit-keyframes slide-down-big {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-down-big {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slide-down-big {
-webkit-animation-name: slide-down-big;
animation-name: slide-down-big;
}
@-webkit-keyframes slide-left {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-left {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slide-left {
-webkit-animation-name: slide-left;
animation-name: slide-left;
}
@-webkit-keyframes slide-left-big {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-left-big {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slide-left-big {
-webkit-animation-name: slide-left-big;
animation-name: slide-left-big;
}
@-webkit-keyframes slide-right {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-right {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slide-right {
-webkit-animation-name: slide-right;
animation-name: slide-right;
}
@-webkit-keyframes slide-right-big {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-right-big {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slide-right-big {
-webkit-animation-name: slide-right-big;
animation-name: slide-right-big;
}
@-webkit-keyframes slide-up {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-up {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slide-up {
-webkit-animation-name: slide-up;
animation-name: slide-up;
}
@-webkit-keyframes slide-up-big {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-up-big {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slide-up-big {
-webkit-animation-name: slide-up-big;
animation-name: slide-up-big;
}
/* Zoom */
@-webkit-keyframes zoom-in {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoom-in {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoom-in {
-webkit-animation-name: zoom-in;
animation-name: zoom-in;
}
/* Flip */
@-webkit-keyframes flip-in {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flip-in {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flip-in {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flip-in;
animation-name: flip-in;
}
/* Icon Spin */
@keyframes icon-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.icon-spin {
animation: icon-spin 2s infinite linear;
}
/* Specials */
@-webkit-keyframes bounce {
from,
20%,
53%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05);
}
80% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
transform: translate3d(0, 0, 0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02);
}
}
@keyframes bounce {
from,
20%,
53%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05);
}
80% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
transform: translate3d(0, 0, 0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes heart-beat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heart-beat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.heart-beat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: calc(1s * 1.3);
animation-duration: calc(1s * 1.3);
-webkit-animation-duration: calc(var(--animate-duration) * 1.3);
animation-duration: calc(var(--animate-duration) * 1.3);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}

1
css/knacss.css Normal file
View File

File diff suppressed because one or more lines are too long

2487
css/style.css Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
font/Luciole-Regular.eot Normal file
View File

Binary file not shown.

15
font/Luciole-Regular.html Normal file
View File

@ -0,0 +1,15 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
<meta content="en-us" http-equiv="Content-Language"/>
<title>Luciole - Web Font Specimen</title>
<link rel="stylesheet" type="text/css" media="screen" href="Luciole-Regular.css" />
<style type="text/css" media="screen">
body { font-size: 42px; font-family: "Luciole", Georgia; }
</style>
</head>
<body>
<p contenteditable="true">The quick brown fox jumps over the lazy dog. $123.45!</p>
</body>
</html>

44926
font/Luciole-Regular.svg Normal file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 2.1 MiB

BIN
font/Luciole-Regular.ttf Normal file
View File

Binary file not shown.

BIN
font/Luciole-Regular.woff Normal file
View File

Binary file not shown.

BIN
font/Luciole-Regular.woff2 Normal file
View File

Binary file not shown.

14
font/Read Me.txt Normal file
View File

@ -0,0 +1,14 @@
Ces fontes sont distribuées gratuitement sous Licence publique Creative Commons Attribution 4.0 International :
https://creativecommons.org/licenses/by/4.0/legalcode.fr
These fonts are freely available under Creative Commons Attribution 4.0 International Public License:
https://creativecommons.org/licenses/by/4.0/legalcode
Luciole © Laurent Bourcellier & Jonathan Perez

BIN
font/luciole-bold.eot Normal file
View File

Binary file not shown.

8284
font/luciole-bold.svg Normal file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 496 KiB

BIN
font/luciole-bold.ttf Normal file
View File

Binary file not shown.

BIN
font/luciole-bold.woff Normal file
View File

Binary file not shown.

BIN
font/luciole-bold.woff2 Normal file
View File

Binary file not shown.

BIN
font/luciole-regular.eot Normal file
View File

Binary file not shown.

8438
font/luciole-regular.svg Normal file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 500 KiB

BIN
font/luciole-regular.ttf Normal file
View File

Binary file not shown.

BIN
font/luciole-regular.woff Normal file
View File

Binary file not shown.

BIN
font/luciole-regular.woff2 Normal file
View File

Binary file not shown.

27
font/webfonts.css Normal file
View File

@ -0,0 +1,27 @@
/* Webfont: Luciole */
@font-face {
font-family: 'Luciole';
src: url('luciole-regular.eot');
src: url('luciole-regular.eot?#iefix') format('embedded-opentype'),
url('luciole-regular.woff') format('woff'),
url('luciole-regular.woff2') format('woff2'),
url('luciole-regular.ttf') format('truetype'),
url('luciole-regular.svg#luciole-regular') format('svg');
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'Luciole';
src: url('luciole-bold.eot');
src: url('luciole-bold.eot?#iefix') format('embedded-opentype'),
url('luciole-bold.woff') format('woff'),
url('luciole-bold.woff2') format('woff2'),
url('luciole-bold.ttf') format('truetype'),
url('luciole-bold.svg#luciole-bold') format('svg');
font-style: normal;
font-weight: bold;
text-rendering: optimizeLegibility;
}

7
icon/Read Me.txt Normal file
View File

@ -0,0 +1,7 @@
Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/#docs/local-fonts
You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection.

152
icon/demo-files/demo.css Normal file
View File

@ -0,0 +1,152 @@
body {
padding: 0;
margin: 0;
font-family: sans-serif;
font-size: 1em;
line-height: 1.5;
color: #555;
background: #fff;
}
h1 {
font-size: 1.5em;
font-weight: normal;
}
small {
font-size: .66666667em;
}
a {
color: #e74c3c;
text-decoration: none;
}
a:hover, a:focus {
box-shadow: 0 1px #e74c3c;
}
.bshadow0, input {
box-shadow: inset 0 -2px #e7e7e7;
}
input:hover {
box-shadow: inset 0 -2px #ccc;
}
input, fieldset {
font-family: sans-serif;
font-size: 1em;
margin: 0;
padding: 0;
border: 0;
}
input {
color: inherit;
line-height: 1.5;
height: 1.5em;
padding: .25em 0;
}
input:focus {
outline: none;
box-shadow: inset 0 -2px #449fdb;
}
.glyph {
font-size: 16px;
width: 15em;
padding-bottom: 1em;
margin-right: 4em;
margin-bottom: 1em;
float: left;
overflow: hidden;
}
.liga {
width: 80%;
width: calc(100% - 2.5em);
}
.talign-right {
text-align: right;
}
.talign-center {
text-align: center;
}
.bgc1 {
background: #f1f1f1;
}
.fgc1 {
color: #999;
}
.fgc0 {
color: #000;
}
p {
margin-top: 1em;
margin-bottom: 1em;
}
.mvm {
margin-top: .75em;
margin-bottom: .75em;
}
.mtn {
margin-top: 0;
}
.mtl, .mal {
margin-top: 1.5em;
}
.mbl, .mal {
margin-bottom: 1.5em;
}
.mal, .mhl {
margin-left: 1.5em;
margin-right: 1.5em;
}
.mhmm {
margin-left: 1em;
margin-right: 1em;
}
.mls {
margin-left: .25em;
}
.ptl {
padding-top: 1.5em;
}
.pbs, .pvs {
padding-bottom: .25em;
}
.pvs, .pts {
padding-top: .25em;
}
.unit {
float: left;
}
.unitRight {
float: right;
}
.size1of2 {
width: 50%;
}
.size1of1 {
width: 100%;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.hidden-true {
display: none;
}
.textbox0 {
width: 3em;
background: #f1f1f1;
padding: .25em .5em;
line-height: 1.5;
height: 1.5em;
}
#testDrive {
display: block;
padding-top: 24px;
line-height: 1.5;
}
.fs0 {
font-size: 16px;
}
.fs1 {
font-size: 24px;
}

30
icon/demo-files/demo.js Normal file
View File

@ -0,0 +1,30 @@
if (!('boxShadow' in document.body.style)) {
document.body.setAttribute('class', 'noBoxShadow');
}
document.body.addEventListener("click", function(e) {
var target = e.target;
if (target.tagName === "INPUT" &&
target.getAttribute('class').indexOf('liga') === -1) {
target.select();
}
});
(function() {
var fontSize = document.getElementById('fontSize'),
testDrive = document.getElementById('testDrive'),
testText = document.getElementById('testText');
function updateTest() {
testDrive.innerHTML = testText.value || String.fromCharCode(160);
if (window.icomoonLiga) {
window.icomoonLiga(testDrive);
}
}
function updateSize() {
testDrive.style.fontSize = fontSize.value + 'px';
}
fontSize.addEventListener('change', updateSize, false);
testText.addEventListener('input', updateTest, false);
testText.addEventListener('change', updateTest, false);
updateSize();
}());

1606
icon/demo.html Normal file
View File

File diff suppressed because it is too large Load Diff

363
icon/icon.css Normal file
View File

@ -0,0 +1,363 @@
@font-face {
font-family: 'moon';
src: url('moon.eot?hjmzrs');
src: url('moon.eot?hjmzrs#iefix') format('embedded-opentype'),
url('moon.ttf?hjmzrs') format('truetype'),
url('moon.woff?hjmzrs') format('woff'),
url('moon.svg?hjmzrs#moon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="moon-"], [class*=" moon-"], input {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'moon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.moon-code:before {
content: "\f121";
}
.moon-superscript:before {
content: "\f12b";
}
.moon-subscript:before {
content: "\f12c";
}
.moon-alert-circle:before {
content: "\e902";
}
.moon-alert-octagon:before {
content: "\e903";
}
.moon-alert-triangle:before {
content: "\e904";
}
.moon-align-center:before {
content: "\e905";
}
.moon-align-justify:before {
content: "\e906";
}
.moon-align-left:before {
content: "\e907";
}
.moon-align-right:before {
content: "\e908";
}
.moon-archive:before {
content: "\e909";
}
.moon-arrow-down:before {
content: "\e90a";
}
.moon-arrow-left:before {
content: "\e90b";
}
.moon-arrow-right:before {
content: "\e90c";
}
.moon-arrow-up:before {
content: "\e90d";
}
.moon-bold:before {
content: "\e90e";
}
.moon-calendar:before {
content: "\e90f";
}
.moon-check:before {
content: "\e910";
}
.moon-clipboard:before {
content: "\e911";
}
.moon-download:before {
content: "\e912";
}
.moon-edit:before {
content: "\e913";
}
.moon-eye:before {
content: "\e914";
}
.moon-eye-off:before {
content: "\e915";
}
.moon-file-minus:before {
content: "\e916";
}
.moon-file-plus:before {
content: "\e917";
}
.moon-file-text:before {
content: "\e918";
}
.moon-film:before {
content: "\e919";
}
.moon-filter:before {
content: "\e91a";
}
.moon-flag:before {
content: "\e91b";
}
.moon-folder:before {
content: "\e91c";
}
.moon-folder-minus:before {
content: "\e91d";
}
.moon-folder-plus:before {
content: "\e91e";
}
.moon-github:before {
content: "\e91f";
}
.moon-grid:before {
content: "\e920";
}
.moon-hash:before {
content: "\e951";
}
.moon-heart:before {
content: "\e921";
}
.moon-help-circle:before {
content: "\e922";
}
.moon-home:before {
content: "\e923";
}
.moon-image:before {
content: "\e924";
}
.moon-italic:before {
content: "\e926";
}
.moon-info:before {
content: "\e925";
}
.moon-key:before {
content: "\e927";
}
.moon-life-buoy:before {
content: "\e928";
}
.moon-link:before {
content: "\e929";
}
.moon-lock:before {
content: "\e92a";
}
.moon-log-in:before {
content: "\e92b";
}
.moon-log-out:before {
content: "\e92c";
}
.moon-mail:before {
content: "\e92d";
}
.moon-maximize:before {
content: "\e94f";
}
.moon-maximize-2:before {
content: "\e92e";
}
.moon-minimize:before {
content: "\e92f";
}
.moon-minimize-2:before {
content: "\e930";
}
.moon-minus:before {
content: "\e931";
}
.moon-more-horizontal:before {
content: "\e932";
}
.moon-move:before {
content: "\e933";
}
.moon-paperclip:before {
content: "\e934";
}
.moon-paragraph:before {
content: "\e901";
}
.moon-plus:before {
content: "\e935";
}
.moon-printer:before {
content: "\e936";
}
.moon-quote:before {
content: "\e900";
}
.moon-refresh-cw:before {
content: "\e937";
}
.moon-rss:before {
content: "\e938";
}
.moon-save:before {
content: "\e939";
}
.moon-settings:before {
content: "\e93a";
}
.moon-share:before {
content: "\e93b";
}
.moon-shopping-bag:before {
content: "\e93c";
}
.moon-shopping-cart:before {
content: "\e93d";
}
.moon-sliders:before {
content: "\e93e";
}
.moon-trash:before {
content: "\e93f";
}
.moon-type:before {
content: "\e940";
}
.moon-underline:before {
content: "\e941";
}
.moon-unlock:before {
content: "\e942";
}
.moon-upload:before {
content: "\e943";
}
.moon-user:before {
content: "\e944";
}
.moon-user-check:before {
content: "\e945";
}
.moon-user-minus:before {
content: "\e946";
}
.moon-user-plus:before {
content: "\e947";
}
.moon-user-x:before {
content: "\e948";
}
.moon-users:before {
content: "\e949";
}
.moon-volume:before {
content: "\e94a";
}
.moon-volume-1:before {
content: "\e94b";
}
.moon-volume-2:before {
content: "\e94c";
}
.moon-volume-x:before {
content: "\e94d";
}
.moon-x:before {
content: "\e94e";
}
.moon-file-pdf:before {
content: "\f1c1";
}
.moon-file-word:before {
content: "\f1c2";
}
.moon-file-excel:before {
content: "\f1c3";
}
.moon-file-powerpoint:before {
content: "\f1c4";
}
.moon-file-image:before {
content: "\f1c5";
}
.moon-file-archive:before {
content: "\f1c6";
}
.moon-file-audio:before {
content: "\f1c7";
}
.moon-file-movie:before {
content: "\f1c8";
}
.moon-file-code:before {
content: "\f1c9";
}
.moon-coffee:before {
content: "\e952";
}
.moon-file:before {
content: "\e953";
}
.moon-anchor:before {
content: "\e95a";
}
.moon-command:before {
content: "\e954";
}
.moon-droplet:before {
content: "\e957";
}
.moon-external-link:before {
content: "\e95b";
}
.moon-gift:before {
content: "\e958";
}
.moon-globe:before {
content: "\e959";
}
.moon-list:before {
content: "\e955";
}
.moon-menu:before {
content: "\e950";
}
.moon-star:before {
content: "\e956";
}
.moon-chevron-down:before {
content: "\e95c";
}
.moon-chevron-left:before {
content: "\e95d";
}
.moon-chevron-right:before {
content: "\e95e";
}
.moon-chevron-up:before {
content: "\e95f";
}
.moon-clock:before {
content: "\e962";
}
.moon-map-pin:before {
content: "\e961";
}
.moon-phone:before {
content: "\e963";
}
.moon-search:before {
content: "\e960";
}

1
icon/icon.min.css vendored Normal file
View File

@ -0,0 +1 @@
@font-face{font-family:moon;src:url('moon.eot?hjmzrs');src:url('moon.eot?hjmzrs#iefix') format('embedded-opentype'),url('moon.ttf?hjmzrs') format('truetype'),url('moon.woff?hjmzrs') format('woff'),url('moon.svg?hjmzrs#moon') format('svg');font-weight:400;font-style:normal;font-display:block}[class*=" moon-"],[class^=moon-]{font-family:moon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.moon-code:before{content:"\f121"}.moon-superscript:before{content:"\f12b"}.moon-subscript:before{content:"\f12c"}.moon-alert-circle:before{content:"\e902"}.moon-alert-octagon:before{content:"\e903"}.moon-alert-triangle:before{content:"\e904"}.moon-align-center:before{content:"\e905"}.moon-align-justify:before{content:"\e906"}.moon-align-left:before{content:"\e907"}.moon-align-right:before{content:"\e908"}.moon-archive:before{content:"\e909"}.moon-arrow-down:before{content:"\e90a"}.moon-arrow-left:before{content:"\e90b"}.moon-arrow-right:before{content:"\e90c"}.moon-arrow-up:before{content:"\e90d"}.moon-bold:before{content:"\e90e"}.moon-calendar:before{content:"\e90f"}.moon-check:before{content:"\e910"}.moon-clipboard:before{content:"\e911"}.moon-download:before{content:"\e912"}.moon-edit:before{content:"\e913"}.moon-eye:before{content:"\e914"}.moon-eye-off:before{content:"\e915"}.moon-file-minus:before{content:"\e916"}.moon-file-plus:before{content:"\e917"}.moon-file-text:before{content:"\e918"}.moon-film:before{content:"\e919"}.moon-filter:before{content:"\e91a"}.moon-flag:before{content:"\e91b"}.moon-folder:before{content:"\e91c"}.moon-folder-minus:before{content:"\e91d"}.moon-folder-plus:before{content:"\e91e"}.moon-github:before{content:"\e91f"}.moon-grid:before{content:"\e920"}.moon-hash:before{content:"\e951"}.moon-heart:before{content:"\e921"}.moon-help-circle:before{content:"\e922"}.moon-home:before{content:"\e923"}.moon-image:before{content:"\e924"}.moon-italic:before{content:"\e926"}.moon-info:before{content:"\e925"}.moon-key:before{content:"\e927"}.moon-life-buoy:before{content:"\e928"}.moon-link:before{content:"\e929"}.moon-lock:before{content:"\e92a"}.moon-log-in:before{content:"\e92b"}.moon-log-out:before{content:"\e92c"}.moon-mail:before{content:"\e92d"}.moon-maximize:before{content:"\e94f"}.moon-maximize-2:before{content:"\e92e"}.moon-minimize:before{content:"\e92f"}.moon-minimize-2:before{content:"\e930"}.moon-minus:before{content:"\e931"}.moon-more-horizontal:before{content:"\e932"}.moon-move:before{content:"\e933"}.moon-paperclip:before{content:"\e934"}.moon-paragraph:before{content:"\e901"}.moon-plus:before{content:"\e935"}.moon-printer:before{content:"\e936"}.moon-quote:before{content:"\e900"}.moon-refresh-cw:before{content:"\e937"}.moon-rss:before{content:"\e938"}.moon-save:before{content:"\e939"}.moon-settings:before{content:"\e93a"}.moon-share:before{content:"\e93b"}.moon-shopping-bag:before{content:"\e93c"}.moon-shopping-cart:before{content:"\e93d"}.moon-sliders:before{content:"\e93e"}.moon-trash:before{content:"\e93f"}.moon-type:before{content:"\e940"}.moon-underline:before{content:"\e941"}.moon-unlock:before{content:"\e942"}.moon-upload:before{content:"\e943"}.moon-user:before{content:"\e944"}.moon-user-check:before{content:"\e945"}.moon-user-minus:before{content:"\e946"}.moon-user-plus:before{content:"\e947"}.moon-user-x:before{content:"\e948"}.moon-users:before{content:"\e949"}.moon-volume:before{content:"\e94a"}.moon-volume-1:before{content:"\e94b"}.moon-volume-2:before{content:"\e94c"}.moon-volume-x:before{content:"\e94d"}.moon-x:before{content:"\e94e"}.moon-file-pdf:before{content:"\f1c1"}.moon-file-word:before{content:"\f1c2"}.moon-file-excel:before{content:"\f1c3"}.moon-file-powerpoint:before{content:"\f1c4"}.moon-file-image:before{content:"\f1c5"}.moon-file-archive:before{content:"\f1c6"}.moon-file-audio:before{content:"\f1c7"}.moon-file-movie:before{content:"\f1c8"}.moon-file-code:before{content:"\f1c9"}.moon-coffee:before{content:"\e952"}.moon-file:before{content:"\e953"}.moon-anchor:before{content:"\e95a"}.moon-command:before{content:"\e954"}.moon-droplet:before{content:"\e957"}.moon-external-link:before{content:"\e95b"}.moon-gift:before{content:"\e958"}.moon-globe:before{content:"\e959"}.moon-list:before{content:"\e955"}.moon-menu:before{content:"\e950"}.moon-star:before{content:"\e956"}.moon-chevron-down:before{content:"\e95c"}.moon-chevron-left:before{content:"\e95d"}.moon-chevron-right:before{content:"\e95e"}.moon-chevron-up:before{content:"\e95f"}.moon-clock:before{content:"\e962"}.moon-map-pin:before{content:"\e961"}.moon-phone:before{content:"\e963"}.moon-search:before{content:"\e960"}

BIN
icon/moon.eot Normal file
View File

Binary file not shown.

138
icon/moon.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 123 KiB

BIN
icon/moon.ttf Normal file
View File

Binary file not shown.

BIN
icon/moon.woff Normal file
View File

Binary file not shown.

1
icon/selection.json Normal file
View File

File diff suppressed because one or more lines are too long

BIN
img/drop.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

29
img/favicon.svg Normal file
View File

@ -0,0 +1,29 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="40" height="40" viewBox="0 0 40 40" id="favicon" version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
<metadata id="metadataIcon"> <rdf:RDF><cc:Work><dc:format>image/svg+xml</dc:format><dc:title>SEACMS</dc:title></cc:Work></rdf:RDF></metadata>
<defs id="defsIcon">
<circle id="circle" cx="276.5" cy="374" r="191.5" />
<clipPath id="mask">
<use xlink:href="#circle" id="use11-8-6-7-0-1" x="0" y="0" width="100%" height="100%" />
</clipPath>
</defs>
<title id="title">SEACMS</title>
<desc id="desc">Created by MB</desc>
<g id="icon" transform="matrix(0.10355115,0,0,0.10355115,-8.5983452,-18.724697)">
<path id="color-5" style="fill:#a4ebd4;" clip-path="url(#mask)" d="m 26.4,179 h 536 c 0,0 0.1,0 0.1,0.1 v 389.8 c 0,0 0,0.1 -0.1,0.1 h -536 c 0,0 -0.1,0 -0.1,-0.1 L 26.4,179 c -0.1,0 -0.1,0 0,0 z"/>
<g id="mask-color-4" clip-path="url(#mask)">
<path id="color-4" style="fill:#49d7ac;" d="M 26.872277,253.5852 H 563.07228 v 234.6 c 0,0 -23.7,14.2 -67.2,14.2 -65.5,0 -127.3,-28 -206.3,-20.3 -84.8,8.3 -117.9,34.1 -131.7,41.8 -14.1,7.9 -50.5,36 -87.000003,34.1 -36.5,-1.9 -44.2,-12.8 -44.2,-12.8 z"/>
</g>
<g id="mask-color-3" clip-path="url(#mask)">
<path id="color-3" style="fill:#44ac9b;" d="M 26.872277,253.5852 H 563.07228 v 209.2 c 0,0 -18.4,17.3 -39.5,24.1 -21.2,6.8 -54.9,13 -95.7,-4.1 -15.9,-6.7 -54.5,-32.5 -88.5,-47.8 -19.4,-8.7 -48.3,-18.8 -67.6,-18.4 -19.8,0.3 -37,0.6 -116,51.1 -44.1,28.2 -61.700003,34.4 -80.500003,34.7 -23.9,0.2 -48.7,-20.8 -48.7,-20.8 z"/>
</g>
<g id="mask-color-2" clip-path="url(#mask)">
<path id="color-2" style="fill:#3e7f8a;" d="M 26.872277,253.5852 H 563.07228 v 148.5 c 0,0 -34,24.8 -81.2,23.1 -21.2,-0.8 -70.9,-11.5 -116.1,-28.8 -45,-17.2 -96.6,-20.8 -123.7,-18.7 -27.5,2.2 -50.2,10.2 -76.5,20.7 -26.4,10.5 -74.300003,24.2 -104.400003,25.8 -23.6,1.2 -34.5,-6.8 -34.5,-6.8 z"/>
</g>
<g id="mask-color-1" clip-path="url(#mask)">
<path id="color-1" style="fill:#38547a;" d="m 26.872277,161.33169 536.200003,-0.14927 -0.2,195.80278 c 0,0 -28,18.4 -60.7,17.3 -35.4,-1.3 -64.4,-21.2 -106,-41.8 -39.1,-19.4 -76.7,-33.6 -102.2,-34.6 -28,-1 -43.9,3.2 -57.2,7.9 -13.3,4.8 -35.9,16.4 -60,32.7 -23.4,15.9 -72.7,57.3 -121.000003,55.7 -17.4,-0.6 -29,-6 -29,-6 z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

52
img/logo.svg Normal file
View File

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1"
id="SeaCms" xmlns:cc="http://creativecommons.org/ns#" xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 200 50"
style="enable-background:new 0 0 200 50;" xml:space="preserve">
<style type="text/css">
.st0{fill:#38547A;}
.st1{fill:#A4EBD4;}
.st2{fill:#49D7AC;}
.st3{fill:#44AC9B;}
.st4{fill:#3E7F8A;}
</style>
<g id="text">
<path id="path383320" class="st0" d="M186.9,30.8c0-1-0.3-1.8-1-2.4c-0.7-0.6-2.1-1.2-4.2-1.8c-2.1-0.6-3.8-1.4-5.1-2.4
c-1.2-1-1.9-2.3-1.9-4c0-1.7,0.7-3.1,2-4.2c1.3-1.1,3.1-1.7,5.3-1.7c2.4,0,4.3,0.7,5.6,2c1.3,1.3,2,2.8,2,4.5h-2.9
c0-1.2-0.4-2.2-1.2-3c-0.8-0.8-2-1.2-3.6-1.2c-1.5,0-2.7,0.3-3.4,1c-0.7,0.7-1.1,1.5-1.1,2.5c0,0.9,0.4,1.7,1.2,2.3
c0.8,0.6,2,1.1,3.8,1.6c2.5,0.7,4.3,1.6,5.5,2.6c1.1,1,1.7,2.4,1.7,4.1c0,1.8-0.7,3.2-2.1,4.2c-1.4,1-3.2,1.6-5.5,1.6
c-1.3,0-2.6-0.2-3.9-0.7c-1.2-0.5-2.3-1.2-3.1-2.2c-0.8-1-1.2-2.2-1.2-3.6h2.9c0,1.5,0.5,2.5,1.6,3.2c1.1,0.7,2.3,1,3.7,1
c1.5,0,2.6-0.3,3.4-0.9C186.5,32.7,186.9,31.8,186.9,30.8L186.9,30.8z"/>
<path id="path383318" class="st0" d="M157.6,32.2l7.1-17.6h3.7v21.6h-2.9v-8.4l0.3-9l-7.1,17.5h-2.2l-7.1-17.5l0.3,9.1v8.4h-2.9
V14.6h3.7L157.6,32.2z"/>
<path id="path383316" class="st0" d="M138.1,29.4h2.9c-0.2,2-1,3.8-2.3,5.1c-1.3,1.4-3.3,2-5.9,2c-2.5,0-4.5-0.9-6.1-2.7
c-1.5-1.8-2.3-4.2-2.3-7.2v-2.3c0-3,0.8-5.5,2.3-7.3c1.6-1.8,3.7-2.7,6.4-2.7c2.4,0,4.3,0.7,5.6,2c1.3,1.3,2.1,3.1,2.3,5.2h-2.9
c-0.2-1.5-0.7-2.7-1.5-3.6c-0.8-0.9-2-1.3-3.6-1.3c-1.9,0-3.4,0.7-4.3,2.1c-1,1.4-1.5,3.3-1.5,5.6v2.2c0,2.1,0.5,3.9,1.4,5.4
c0.9,1.5,2.3,2.2,4.2,2.2c1.8,0,3.1-0.4,3.8-1.3C137.3,32.1,137.8,30.9,138.1,29.4L138.1,29.4z"/>
<path id="path383314" class="st0" d="M100.6,36.2l8.2-21.6h3.4l8.2,21.6h-3.9l-1.8-5h-8.4l-1.8,5H100.6z M107.3,28.2h6.3l-3.1-9
L107.3,28.2z"/>
<path id="path383312" class="st0" d="M83.3,36.2V14.6h14v3H87.1v6h8.9v3h-8.9v6.7h10.4v3H83.3z"/>
<path id="path383310" class="st0" d="M74.2,30.7c0-0.9-0.3-1.5-0.9-2.1c-0.6-0.5-1.9-1.1-3.9-1.7c-2-0.6-3.7-1.5-5-2.4
c-1.3-1-1.9-2.4-1.9-4.1c0-1.7,0.7-3.2,2.1-4.3c1.4-1.1,3.3-1.7,5.6-1.7c2.4,0,4.4,0.7,5.7,2c1.4,1.3,2.1,2.8,2.1,4.6h-3.7
c0-1.1-0.3-1.9-1-2.6c-0.7-0.7-1.7-1-3.1-1c-1.3,0-2.3,0.3-2.9,0.9c-0.6,0.6-0.9,1.3-0.9,2.1c0,0.8,0.4,1.5,1.1,2
c0.8,0.5,1.9,1,3.4,1.5c2.4,0.7,4.3,1.6,5.4,2.7c1.2,1.1,1.8,2.5,1.8,4.2c0,1.8-0.7,3.3-2.1,4.3c-1.4,1.1-3.3,1.6-5.6,1.6
c-1.4,0-2.7-0.3-4-0.8c-1.3-0.5-2.4-1.3-3.2-2.3c-0.8-1-1.2-2.3-1.2-3.8h3.8c0,1.4,0.5,2.4,1.4,3c0.9,0.6,2,0.9,3.4,0.9
c1.3,0,2.3-0.3,2.9-0.8C73.9,32.2,74.2,31.5,74.2,30.7L74.2,30.7z"/>
</g>
<g id="icon">
<path id="color-5" class="st1" d="M42.4,37.8c-3.6,4.5-9.2,7.3-15.4,7.3c-4.6,0-8.9-1.6-12.3-4.3c1.4-0.8,4.8-3.5,13.6-4.3
C33.5,36.1,38,37.1,42.4,37.8z"/>
<path id="color-4" class="st2" d="M43.1,36.8c-0.2,0.3-0.5,0.7-0.8,1c-4.3-0.8-8.8-1.8-14-1.3c-8.8,0.9-12.2,3.5-13.6,4.3
c-1.4-1.1-2.6-2.3-3.7-3.8c0.9-0.5,2.1-1.2,3.4-2.1c8.2-5.2,10-5.3,12-5.3c2,0,5,1,7,1.9c3.5,1.6,7.5,4.2,9.2,5
C42.8,36.7,43,36.8,43.1,36.8z"/>
<path id="color-3" class="st3" d="M46.1,30.4c-0.6,2.3-1.7,4.5-3,6.4c-0.2,0-0.3-0.1-0.5-0.2c-1.7-0.7-5.7-3.4-9.2-5
c-2-0.9-5-2-7-1.9c-2,0-3.8,0.1-12,5.3C13.1,36,12,36.6,11,37.1c-1.5-2.1-2.7-4.4-3.3-7c2.7-0.5,5.8-1.5,7.8-2.2
c2.7-1.1,5.1-1.9,7.9-2.1c2.8-0.2,8.2,0.2,12.8,1.9C39.8,29,43.5,30,46.1,30.4z"/>
<path id="color-2" class="st4" d="M46.8,25.3c0,1.8-0.2,3.5-0.7,5.1c-2.6-0.4-6.4-1.4-9.9-2.7c-4.7-1.8-10-2.1-12.8-1.9
c-2.8,0.2-5.2,1-7.9,2.1c-2,0.8-5,1.7-7.8,2.2c-0.2-1-0.4-2-0.5-3.1c3.9-1.1,7.5-4,9.4-5.3c2.5-1.7,4.8-2.9,6.2-3.4
c1.4-0.5,3-0.9,5.9-0.8c2.6,0.1,6.5,1.6,10.6,3.6c2.9,1.4,5.1,2.8,7.4,3.6C46.8,24.9,46.8,25.1,46.8,25.3z"/>
<path id="color-1" class="st0" d="M42.4,12.9C38.8,8.4,33.2,5.5,27,5.5c-6.2,0-11.8,2.9-15.4,7.4c-2.8,3.4-4.4,7.7-4.4,12.4
c0,0.6,0,1.1,0.1,1.7c3.9-1.1,7.5-4,9.4-5.3c2.5-1.7,4.8-2.9,6.2-3.4c1.4-0.5,3-0.9,5.9-0.8c2.6,0.1,6.5,1.6,10.6,3.6
c2.9,1.4,5.1,2.8,7.4,3.6C46.6,20.2,45,16.1,42.4,12.9z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

27
includes/about.twig Normal file
View File

@ -0,0 +1,27 @@
{#!
# Freelancer for Pico v2.0.7 (https://github.com/mayamcdougall/freelancer-pico)
# Ported by Maya McDougall (https://github.com/mayamcdougall)
# Based on upstream Freelancer v7.0.4 by Start Bootstrap (https://startbootstrap.com/theme/freelancer)
# Licensed under MIT (https://github.com/mayamcdougall/freelancer-pico/blob/main/LICENSE)
#}
{% from "includes/markdown_by_paragraph.twig" import markdown_by_paragraph %}
{% from "includes/actions.twig" import actions %}
<!-- About Section-->
<section class="page-section bg-primary text-white mb-0" id="about">
<div class="container">
<!-- About Section Heading-->
<h2 class="page-section-heading text-center text-uppercase text-white">{{ index.about.title ? index.about.title : "About" }}</h2>
<!-- Icon Divider-->
<div class="divider-custom divider-light">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fas fa-{{ index.about.divider ? index.about.divider : 'star' }}"></i></div>
<div class="divider-custom-line"></div>
</div>
<!-- About Section Content-->
<div class="row">
{{ markdown_by_paragraph(index.about.content ? index.about.content : config.theme_config.demo.about.content, "about") }}
</div>
<!-- About Section Buttons-->
{{ actions(index.about.actions ? index.about.actions : not index.about.content ? config.theme_config.demo.about.actions, "about") }}
</div>
</section>

57
includes/actions.twig Normal file
View File

@ -0,0 +1,57 @@
{#!
# Freelancer for Pico v2.0.7 (https://github.com/mayamcdougall/freelancer-pico)
# Ported by Maya McDougall (https://github.com/mayamcdougall)
# Based on upstream Freelancer v7.0.4 by Start Bootstrap (https://startbootstrap.com/theme/freelancer)
# Licensed under MIT (https://github.com/mayamcdougall/freelancer-pico/blob/main/LICENSE)
#}
{% macro actions(actions, mode, include_close_button = true) %}
{% set has_actions = actions ? true : false %}
{{ has_actions ? '<div class="text-center mt-4">' }}
{% if mode == "portfolio" and include_close_button %}
{% set close_button = {"icon": "times", "content": "Close Window", "color": "primary", "outline": false, "close_button": true} %}
{% set actions = actions ? actions|merge([close_button]) : [close_button] %}
{% endif %}
{% for action in actions %}
{% set classes = ["btn"] %}
{% if mode == "social" %}
{% set classes = classes|merge(["btn-social","mx-1"]) %}
{% else %}
{% set classes = classes|merge(["mx-1", "my-1"]) %}
{% endif %}
{% set size = "btn-xl" %}
{% set color = mode in ["about", "social"] ? "light" : "primary" %}
{% set outline = mode in ["about", "social"] ? true : false %}
{% if action.size in ["small", "large", "xlarge"] %}
{% set size = action.size|replace({"small": "btn-sm", "large": "btn-lg", "xlarge": "btn-xl"}) %}
{% endif %}
{% if action.color in ["primary", "secondary", "success", "danger", "warning", "info", "light", "dark"] %}
{% set color = action.color %}
{% endif %}
{% if action.outline is defined and action.outline in [true, false] %}
{% set outline = action.outline %}
{% endif %}
{% if mode != "social" and not action.close_button and action.size != "medium" %}{% set classes = classes|merge([size]) %}{% endif %}
{% set classes = classes|merge([["btn-", (outline ? "outline-"), color ]|join]) %}
{% if action.disabled %}{% set classes = classes|merge(["disabled"]) %}{% endif %}
{% if action.close_button %}
{% set classes = classes|merge(["d-block", "mx-auto", "mt-4"]) %}
{% endif %}
{{ action.close_button ? '<button data-bs-dismiss="modal"' : "<a" }} class="{{ classes|join(" ") }}" {% if action.link and not action.disabled %} href="{{ action.link|url }}" {% endif %}>
{% if action.icon %}
<i class="{{ [(action.brands ? 'fab' : 'fas'), 'fa-fw', ('fa-' ~ action.icon), (mode != 'social' ? 'me-2')]|join(' ')}}"></i>
{% endif %}
{{ mode != "social" ? action.content }}
{{ action.close_button ? "</button>" : "</a>" }}
{% endfor %}
{{ has_actions ? "</div>" }}
{% endmacro %}

111
includes/contact.twig Normal file
View File

@ -0,0 +1,111 @@
{#!
# Freelancer for Pico v2.0.7 (https://github.com/mayamcdougall/freelancer-pico)
# Ported by Maya McDougall (https://github.com/mayamcdougall)
# Based on upstream Freelancer v7.0.4 by Start Bootstrap (https://startbootstrap.com/theme/freelancer)
# Licensed under MIT (https://github.com/mayamcdougall/freelancer-pico/blob/main/LICENSE)
#}
<!-- Contact Section-->
<section class="page-section" id="contact">
<div class="container">
<!-- Contact Section Heading-->
<h2 class="page-section-heading text-center text-uppercase text-secondary mb-0">{{ index.contact.title ? index.contact.title : "Contact Me" }}</h2>
<!-- Icon Divider-->
<div class="divider-custom">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fas fa-{{ index.contact.divider ? index.contact.divider : 'star' }}"></i></div>
<div class="divider-custom-line"></div>
</div>
{% if index.contact.form.enabled %}
<!-- Contact Section Form-->
<div class="row justify-content-center">
<div class="col-lg-8 col-xl-7">
<form id="contactForm" class="needs-validation" {% if index.contact.form.action %} action="{{ index.contact.form.action|url }}" {% endif %} {% if index.contact.form.method %} method="{{ index.contact.form.method }}" {% endif %} novalidate>
<!-- Name input-->
<div class="form-floating mb-3">
<input class="form-control" id="name" name="name" type="text" placeholder="Enter your name..." required />
<label for="name">Full name</label>
<div class="invalid-feedback">A name is required.</div>
</div>
<!-- Email address input-->
<div class="form-floating mb-3">
<input class="form-control" id="email" name="email" type="email" placeholder="name@example.com" required />
<label for="email">Email address</label>
<div class="invalid-feedback">An email is required.</div>
<div class="invalid-feedback">Email is not valid.</div>
</div>
<!-- Phone number input-->
<div class="form-floating mb-3">
<input class="form-control" id="phone" name="phone" type="tel" placeholder="(123) 456-7890" required />
<label for="phone">Phone number</label>
<div class="invalid-feedback">A phone number is required.</div>
</div>
<!-- Message input-->
<div class="form-floating mb-3">
<textarea class="form-control" id="message" name="message" placeholder="Enter your message here..." style="height: 10rem" required></textarea>
<label for="message">Message</label>
<div class="invalid-feedback">A message is required.</div>
</div>
<!-- Submit success message-->
<!---->
<!-- This is what your users will see when the form-->
<!-- has successfully submitted-->
<div class="d-none" id="submitSuccessMessage">
<div class="text-center mb-3">
<div class="fw-bolder">Form submission successful!</div>
</div>
</div>
<!-- Submit error message-->
<!---->
<!-- This is what your users will see when there is-->
<!-- an error submitting the form-->
<div class="d-none" id="submitErrorMessage"><div class="text-center text-danger mb-3">Error sending message!</div></div>
<!-- Submit Button-->
<button class="btn btn-primary btn-xl" id="submitButton" type="submit">Send</button>
</form>
</div>
</div>
{% endif %}
{% if index.contact.items or not index.contact.form.enabled %}
{% if index.contact.form.enabled %}
<!-- Contact Subsection Heading-->
<h3 class="page-section-heading text-center text-uppercase text-secondary mb-0 mt-5 fs-2">{{ index.contact.subtitle ? index.contact.title : "Or reach me by" }}</h3>
<!-- Icon Divider-->
<div class="divider-custom">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fas fa-{{ index.contact.subdivider ? index.contact.subdivider : 'star' }}"></i></div>
<div class="divider-custom-line"></div>
</div>
{% endif %}
<!-- Contact Section Content-->
<div class="row justify-content-center">
{% for item in index.contact.items ? index.contact.items : config.theme_config.demo.contact.items %}
{% set classes = ["col-md-6", "col-lg-4"] %}
{% if not loop.last %}
{% set classes = classes|merge(["mb-5"]) %}
{% if loop.revindex <= (loop.length - 1) % 3 + 1 %}
{% if loop.revindex == 3 %}
{% set classes = classes|merge(["mb-lg-0"]) %}
{% elseif loop.revindex == 2 %}
{% if loop.index == 2 %}
{% set classes = classes|merge(["mb-lg-0"]) %}
{% else %}
{% set classes = classes|merge(["mb-md-0"]) %}
{% endif %}
{% endif %}
{% elseif loop.revindex == 2 and loop.index == 3 %}
{% set classes = classes|merge(["mb-md-0","mb-lg-5"]) %}
{% endif %}
{% endif %}
<div class="{{ classes|join(" ") }}">
<div class="d-flex flex-column align-items-center">
<div class="icon-contact mb-3"><i class="{{ item.brands ? "fab" : "fas" }} fa-{{ item.icon }}"></i></div>
<div class="text-muted">{{ item.title }}</div>
{% if item.link %}<a href="{{ item.link|url }}"{% else %}<div{% endif %} class="lead font-weight-bold">{{ item.content }}{{ item.link ? "</a>" : "</div>" }}
</div>
</div>
{% endfor %}
</div>
{% endif %}
</div>
</section>

31
includes/content.twig Normal file
View File

@ -0,0 +1,31 @@
{#!
# Freelancer for Pico v2.0.7 (https://github.com/mayamcdougall/freelancer-pico)
# Ported by Maya McDougall (https://github.com/mayamcdougall)
# Based on upstream Freelancer v7.0.4 by Start Bootstrap (https://startbootstrap.com/theme/freelancer)
# Licensed under MIT (https://github.com/mayamcdougall/freelancer-pico/blob/main/LICENSE)
#}
{% from "includes/markdown_by_paragraph.twig" import markdown_by_paragraph %}
{% from "includes/actions.twig" import actions %}
{% from "includes/video.twig" import video %}
<!-- Content Section-->
<section class="page-section content" id="content">
<div class="container">
<div class="mx-lg-5 px-lg-5">
<!-- Content Section Heading-->
<h2 class="page-section-heading text-center text-uppercase text-secondary mb-0">{{ meta.title ? meta.title : current_page.id }}</h2>
<!-- Icon Divider-->
<div class="divider-custom">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fas fa-{{ meta.divider ? meta.divider : 'star' }}"></i></div>
<div class="divider-custom-line"></div>
</div>
{% if meta.video %}
{{ video(meta.video, meta.image, "content") }}
{% elseif meta.image %}
<img class="img-fluid rounded mb-5 d-block mx-auto" src="{{ meta.image|url }}" alt="{{ meta.image_alt }}" />
{% endif %}
{{ content }}
{{ actions(meta.actions, "single_page") }}
</div>
</div>
</section>

44
includes/footer.twig Normal file
View File

@ -0,0 +1,44 @@
{#!
# SeaCMS 1.0.0-alpha.2 (https://git.defis.info/SeaCMS/seacms)
# Licensed under EUPL (https://git.defis.info/SeaCMS/seacms/src/branch/master/LICENCE)
#}
{% from "includes/markdown_by_paragraph.twig" import markdown_by_paragraph %}
{% from "includes/actions.twig" import actions %}
{% if not (index.location.disabled and index.social.disabled and index.footer.disabled) %}
<!-- Footer-->
<footer role="contentinfo">
<section id="footer" class="site-footer py-36">
<div class="sm:flex justify-evenly animation fade-in">
<div class="flex align-items-center mx-36 lg:ml-0">
<div id="footer-desc">{{ pages["footer"].meta.footer_desc }}</div> </div>
<div class="flex flex-wrap justify-center align-items-center mx-36 my-36 md:my-0">
<div class="flex md:align-center">
<a href="{{ pages["footer"].meta.demo_link|link }}">
<img class="" src="{{ pages["footer"].meta.img_footer|url }}" style="max-width: 3500px; max-height: 200px;" alt="{{ pages["footer"].meta.img_footer_alt }}">
</a>
</div>
<div class="flex md:align-center">
<div class="m-20">
<h3 id="footer-title" class="color-white text-uppercase">{{ pages["footer"].meta.footer_title }}</h3>
<div id="footer-content">{{ pages["footer"].meta.footer_content }}</div>
</div>
</div>
</div>
</div>
</section>
<section id="bottombar" class="text-smaller py-20">
<div class="flex flex-wrap md:justify-between justify-center content-center">
<div class="px-20">
<a href="https://seacms.io"><b>SEA</b>CMS</a> is a fork of <a href="https://picocms.org/" target="_blank">Pico</a>.
</div>
<div class="px-20">
Is released under the <a href="https://eupl.eu/1.2/fr">EUPL license</a> and was <i class="icon moon-code"></i> with <i class="icon moon-heart"></i>.
</div>
<div class="px-20">
🄯 {{ "now"|date("Y") }} - support@seacms.io
</div>
</div>
</section>
</footer>
{% endif %}

60
includes/head.twig Normal file
View File

@ -0,0 +1,60 @@
{#!
# SeaCMS 1.0.0-alpha.2 (https://git.defis.info/SeaCMS/seacms)
# Licensed under EUPL (https://git.defis.info/SeaCMS/seacms/src/branch/master/LICENCE)
#}
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>{% if meta.title %}{{ meta.title }} | {% endif %}{{ site_title }}</title>
{% if meta.description %}
<meta name="description" content="{{ meta.description|striptags }}" />
{% endif %}
{% if meta.robots %}
<meta name="robots" content="{{ meta.robots }}" />
{% endif %}
{% if current_page %}
<link rel="canonical" href="{{ current_page.url }}" />
{% endif %}
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="{{ index.favicon ? index.favicon|url : theme_url ~ "/img/favicon.svg" }}" />
<!-- Core theme CSS -->
<link href="{{ theme_url }}/css/knacss.css" rel="stylesheet" type="text/css" />
<link href="{{ theme_url }}/css/style.css" rel="stylesheet" type="text/css" />
<!-- JS-->
<script src="{{ theme_url }}/js/modernizr-3.3.1-custom.min.js" type="text/javascript"></script>
<script src="{{ theme_url }}/js/utils.js" type="text/javascript"></script>
<script src="{{ theme_url }}/js/pico.js" type="text/javascript"></script>
{# Contact Form Scripts #}
{% if index.contact.form.enabled and not index.contact.disabled and not single_page_mode %}
<script src="{{ theme_url }}/js/jquery.min.js"></script>
<script src="{{ theme_url }}/js/contact.js"></script>
{% endif %}
{# User CSS & Fonts #}
{% if index.css %}
{% set stylesheets = index.css is iterable ? index.css : [index.css] %}
{% for stylesheet in stylesheets %}
<link rel="stylesheet" href="{{ stylesheet|url }}" type="text/css">
{% endfor %}
{% endif %}
{% if index.fonts %}
{% set fonts = index.fonts is iterable ? index.fonts : [index.fonts] %}
{% for font in fonts %}
<link href='{{ font|url }}' rel='stylesheet' type='text/css'>
{% endfor %}
{% endif %}
{# Open Graph #}
<meta property="og:title" content="{{ meta.title ? meta.title ~ " | " }}{{ index.title ? index.title : site_title }}">
<meta property="og:description" content="{{ (meta.description ? meta.description : index.description ? index.description : index.header.skills ? index.header.skills : index.about.content ? index.about.content[:200])|striptags }}">
<meta property="og:url" content="{{ current_page.url }}">
<meta property="og:type" content="website">
{% if index.og_image %}<meta property="og:image" content="{{ index.og_image|url }}">{% endif %}
</head>

45
includes/header.twig Normal file
View File

@ -0,0 +1,45 @@
{#!
# SeaCMS 1.0.0-alpha.2 (https://git.defis.info/SeaCMS/seacms)
# Licensed under EUPL (https://git.defis.info/SeaCMS/seacms/src/branch/master/LICENCE)
#}
<!-- Masthead-->
<header role="banner" id="header" class="site-header">
<!-- Navigation-->
<div class="navbar sticky shadow inside flex lg:pl-36">
<!-- Masthead Logo-->
{% if pages["_meta"].meta.logo %}
<div class="site-logo flex align-items-center py-24 mx-36">
<a href="{{ "index"|link }}">
<img height="50" width="200" src="{{ pages["_meta"].meta.logo|url }}" alt="" />
</a>
</div>
{% endif %}
<!-- Nav bar-->
<nav role="navigation" class="menu flex" aria-label="{{ index.header.Browsing_menu }}">
<button type="button" class="burger-button float-right" aria-expanded="false" aria-label="Afficher ou masquer la navigation" aria-controls="main-navigation" >
<span class="open">Menu</span>
<span class="close none">Close</span>
</button>
<ul id="main-navigation" class="nav-menu flex flex-wrap text-bold">
{% for page in pages(depthOffset=-1) %}
{% if page.title and not page.hidden %}
<li class="nav-item">
<a href="{{ page.url }}" {% if page.id == current_page.id %} class="selected"{% endif %}>{{ page.title }}</a>
</li>
{% endif %}
{% endfor %}
</ul>
<!-- Github Repo-->
<div class="holder-panel tablet-hidden">
{% if pages["_meta"].meta.icon0 %}
<div class="holder-contact bg-glaz text-bold"><a class="btn" href="">{{ pages["_meta"].meta.icon0_txt }}</a><i class="icon {{ pages["_meta"].meta.icon0 }} color-white"></i></div>
{% endif %}
</div>
</nav>
</div>
</header>

103
includes/home.twig Normal file
View File

@ -0,0 +1,103 @@
{#!
# Freelancer for Pico v2.0.7 (https://github.com/mayamcdougall/freelancer-pico)
# Ported by Maya McDougall (https://github.com/mayamcdougall)
# Based on upstream Freelancer v7.0.4 by Start Bootstrap (https://startbootstrap.com/theme/freelancer)
# Licensed under MIT (https://github.com/mayamcdougall/freelancer-pico/blob/main/LICENSE)
#}
{% from "includes/markdown_by_paragraph.twig" import markdown_by_paragraph %}
{% from "includes/actions.twig" import actions %}
{% from "includes/video.twig" import video %}
<!-- Content Section-->
<section id="hero" class="layout-maxed bg-blue">
<div class="layout-hero bg-section bg-overlay bg-gradient sm:py-36 py-8" <?php bg('bg-hero')?>>
<div class="hero-content grid md:grid-cols-2 flex flex-wrap sm:my-36 my-8 sm:py-36 py-8">
<div class="py-16">
<div class="hero-text mx-24 animation fade-in">
<h1 id="hero-title" class="hero-title color-light">{{ site_title }}</h1>
<div id="hero-desc" class="editable hero-desc color-light py-20 mb-16">
<hr>
<em class="color-2">Editable text with icon <i class="icon" aria-hidden="true"></i></em>
</div>
<div class="hero-action grid lg:grid-cols-2">
{% for button in pages["_meta"].meta.button %}
<a class="btn hero-btn bg-glaz border-rounded no-decoration" href="{{ "index"|link }}">Editable button with icon<i class="icon {{ button.icon }} ml-8"></i></a>
{% endfor %}
</div>
</div>
</div>
<div class="flex flex-col flex-grow justify-center mx-24 py-12">
<div class="hero-card bg-white border-rounded shadow text-center animation slide-right fire">
<span id="hero-card-icon" class="editable-media" data-width="80" data-height="80" style="max-width:80px; max-height:80px">
<img class="" src="{{ pages["_meta"].meta.image1|url }}" style="max-width: 80px; max-height: 80px;" alt="{{ pages["_meta"].meta.image1_alt }}">
</span>
<h3 id="hero-card-title" class="editable hero-card-title color-blue my-16">{{ pages["_meta"].meta.image1_title }}</h3>
<div id="hero-card-desc" class="editable hero-card-desc mb-0">{{ pages["_meta"].meta.image1_txt }}</div>
</div>
</div>
</div>
</div>
</section>
<section id="features" class="layout-maxed text-center py-36">
<div class="features-content sm:grid md:grid-cols-2 flex flex-wrap py-36 m-auto">
<div class="features-text md:col-span-2 lg:col-span-full">
<?php txt('features-subtitle','features-subtitle color-glaz')?>
</div>
<div class="features-heading md:col-span-2 lg:col-span-full pt-8">
<?php h2('features-title', 'features-title color-blue')?>
</div>
</div>
<!-- module pour bien identifier que ce sont les elements à dupliquer et a sauvegardé-->
<div id="features-card" class="module sm:grid md:grid-cols-2 lg:grid-cols-4 gap-36 sm:mx-20 mx-8 py-36 animation delay-1 fade-in">
{% for module in pages["_meta"].meta.module %}
<div class="features-card bg-white shadow border-rounded flex flex-col my-16 md:my-24">
<div class="features-card-icon">
<span id="features-card-icon-{{ module.id }}" data-class="ml-0" data-width="70" data-height="70" style="max-width: 70px; max-height: 70px;">
<img class="" src="{{ module.url|url }}" loading="lazy" style="max-width: 70px; max-height: 70px;">
</span>
</div>
<div class="flex flex-col align-items-center text-left">
<h4 class="color-blue pb-24 mb-24">
<div id="features-card-title-{{ module.id }}" class="editable">{{ module.title }}</div>
</h4>
<p class="mb-0">
<div id="features-card-desc-{{ module.id }}" class="editable">{{ module.txt }}</div>
</p>
</div>
</div>
{% endfor %}
</div>
</section>
<!-- CODE POUR EXEMPLE -->
<section class="page-section content" id="content">
<div class="text-center">
<!-- Content Section Heading-->
<h2 class="page-section-heading text-center text-uppercase color-blue mb-0">{{ current_page.title }}</h2>
<h2 class="page-section-heading text-center text-uppercase text-secondary mb-0">{{ meta.title ? meta.title : current_page.id }}</h2>
<!-- Icon Divider-->
{% if pages["_meta"].meta.icon1 %}
<a class="btn hero-btn bg-glaz border-rounded no-decoration" href="{{ "index"|link }}">Editable button with icon<i class="icon {{ pages["_meta"].meta.icon1 }} ml-8"></i></a>
{% endif %}
</div>
<!--
{#!
<div class="layout-maxed py-36">
{% if meta.video %}
{{ video(meta.video, meta.image, "content") }}
{% elseif meta.image %}
<img class="img-fluid rounded mb-5 d-block mx-auto" src="{{ meta.image|url }}" alt="{{ meta.image_alt }}" />
{% endif %}
{{ content }}
{{ actions(meta.actions, "single_page") }}
</div>
#}
-->
</section>

28
includes/markdown_by_paragraph.twig Normal file
View File

@ -0,0 +1,28 @@
{% macro markdown_by_paragraph(content, mode) %}
{% set content_array = [] %}
{% for paragraph in content|split("\n") %}
{% if paragraph %}
{% set content_array = content_array|merge([paragraph]) %}
{% endif %}
{% endfor %}
{% for paragraph in content_array %} {# small mb-0 #}
{% set p_class = [] %}
{% if mode == "footer" or mode == "about" %}{% set p_class = p_class|merge(["lead"]) %}{% endif %}
{% if mode == "copyright" %}{% set p_class = p_class|merge(["small"]) %}{% endif %}
{% if mode == "footer" or mode == "copyright" %}{% set p_class = p_class|merge(["mb-0"]) %}{% endif %}
{% if mode == "about" %}
{% set div_class = ["col-lg-4"] %}
{% if loop.first %}
{% set div_class = div_class|merge(["ms-auto"]) %}
{% endif %}
{% if loop.last %}
{% set div_class = div_class|merge(["me-auto"]) %}
{% endif %}
<div class="{{ div_class|join(" ") }}">
{% endif %}
<p class="{{ p_class|join(" ") }}">{{ paragraph|markdown(singleLine=true) }}</p>
{{ mode == "about" ? "</div>" }}
{% endfor %}
{% endmacro %}

57
includes/portfolio.twig Normal file
View File

@ -0,0 +1,57 @@
{#!
# Freelancer for Pico v2.0.7 (https://github.com/mayamcdougall/freelancer-pico)
# Ported by Maya McDougall (https://github.com/mayamcdougall)
# Based on upstream Freelancer v7.0.4 by Start Bootstrap (https://startbootstrap.com/theme/freelancer)
# Licensed under MIT (https://github.com/mayamcdougall/freelancer-pico/blob/main/LICENSE)
#}
{% from "includes/video.twig" import video %}
<!-- Portfolio Section-->
<section class="page-section portfolio" id="portfolio">
<div class="container">
<!-- Portfolio Section Heading-->
<h2 class="page-section-heading text-center text-uppercase text-secondary mb-0">{{ index.portfolio.title ? index.portfolio.title : "Portfolio" }}</h2>
<!-- Icon Divider-->
<div class="divider-custom">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fas fa-{{ index.portfolio.divider ? index.portfolio.divider : 'star' }}"></i></div>
<div class="divider-custom-line"></div>
</div>
<!-- Portfolio Grid Items-->
<div class="row justify-content-center">
{% for portfolio_item in portfolio_items %}
{% set classes = ["col-md-6", "col-lg-4"] %}
{% if not loop.last %}
{% set classes = classes|merge(["mb-5"]) %}
{% if loop.revindex <= (loop.length - 1) % 3 + 1 %}
{% if loop.revindex == 3 %}
{% set classes = classes|merge(["mb-lg-0"]) %}
{% elseif loop.revindex == 2 %}
{% if loop.index == 2 %}
{% set classes = classes|merge(["mb-lg-0"]) %}
{% else %}
{% set classes = classes|merge(["mb-md-0"]) %}
{% endif %}
{% endif %}
{% elseif loop.revindex == 2 and loop.index == 3 %}
{% set classes = classes|merge(["mb-md-0","mb-lg-5"]) %}
{% endif %}
{% endif %}
<!-- {{ " Portfolio Item " ~ loop.index ~ " " }} -->
<div class="{{ classes|join(" ") }}">
<div class="portfolio-item mx-auto" data-bs-toggle="modal" data-bs-target="#portfolioModal{{ loop.index }}">
<div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
<div class="portfolio-item-caption-content text-center text-white"><i class="fas fa-plus fa-3x"></i></div>
</div>
{% if portfolio_item.meta.thumbnail_video %}
{{ video(portfolio_item.meta.video, portfolio_item.meta.thumbnail|url ?: portfolio_item.meta.image|url, "portfolio") }}
{% else %}
<img class="img-fluid d-block mx-auto" src="{{ portfolio_item.meta.thumbnail ? portfolio_item.meta.thumbnail|url : portfolio_item.meta.image ? portfolio_item.meta.image|url : random(config.theme_config.demo.portfolio_items).meta.image|url }}" alt="{{ portfolio_item.meta.thumbnail_alt ? portfolio_item.meta.thumbnail_alt : portfolio_item.meta.title }}" />
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
</section>

45
includes/portfolio_modals.twig Normal file
View File

@ -0,0 +1,45 @@
{#!
# Freelancer for Pico v2.0.7 (https://github.com/mayamcdougall/freelancer-pico)
# Ported by Maya McDougall (https://github.com/mayamcdougall)
# Based on upstream Freelancer v7.0.4 by Start Bootstrap (https://startbootstrap.com/theme/freelancer)
# Licensed under MIT (https://github.com/mayamcdougall/freelancer-pico/blob/main/LICENSE)
#}
<!-- Portfolio Modals-->
{% from "includes/actions.twig" import actions %}
{% from "includes/video.twig" import video %}
{% for portfolio_item in portfolio_items %}
<!--{{ " Portfolio Modal " ~ loop.index ~ " " }}-->
<div class="portfolio-modal modal fade" id="portfolioModal{{ loop.index }}" tabindex="-1" aria-labelledby="portfolioModal{{ loop.index }}" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header border-0"><button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button></div>
<div class="modal-body text-center pb-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<!-- Portfolio Modal - Title-->
<h2 class="portfolio-modal-title text-secondary text-uppercase mb-0">{{ portfolio_item.meta.title ? portfolio_item.meta.title : portfolio_item.id }}</h2>
<!-- Icon Divider-->
<div class="divider-custom">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fas fa-{{portfolio_item.meta.divider ? portfolio_item.meta.divider : 'star' }}"></i></div>
<div class="divider-custom-line"></div>
</div>
{% if portfolio_item.meta.video %}
<!-- Portfolio Modal - Video-->
{{ video(portfolio_item.meta.video, portfolio_item.meta.image, "portfolio_modal", loop.index) }}
{% elseif portfolio_item.meta.image %}
<!-- Portfolio Modal - Image-->
<img class="img-fluid rounded mb-5 d-block mx-auto" src="{{ portfolio_item.meta.image|url }}" alt="{{ portfolio_item.meta.image_alt }}" />
{% endif %}
<!-- Portfolio Modal - Text-->
{{ portfolio_item.meta.demo_content ? portfolio_item.meta.demo_content|markdown : portfolio_item.id|content }}
{{ actions(portfolio_item.meta.actions, "portfolio", index.portfolio.disable_close_buttons ? false : true) }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endfor %}

41
includes/video.twig Normal file
View File

@ -0,0 +1,41 @@
{#!
# Freelancer for Pico v2.0.7 (https://github.com/mayamcdougall/freelancer-pico)
# Ported by Maya McDougall (https://github.com/mayamcdougall)
# Based on upstream Freelancer v7.0.4 by Start Bootstrap (https://startbootstrap.com/theme/freelancer)
# Licensed under MIT (https://github.com/mayamcdougall/freelancer-pico/blob/main/LICENSE)
#}
{% macro video(video, image, mode, loop_index=0) %}
{% set known_video_types = {
"3gp":"video/3gpp",
"3g2":"video/3gpp2",
"avi":"video/x-msvideo",
"mpg":"video/mpeg",
"mpeg":"video/mpeg",
"mp4":"video/mp4",
"mov":"video/quicktime",
"ogv":"video/ogg",
"ts":"video/mp2t",
"qt":"video/quicktime",
"webm":"video/webm",
"wmv":"video/x-ms-wmv",
} %}
<video class="img-fluid rounded d-block mx-auto{% if mode == "content" %} mb-5{% endif %}" {% if image %} poster="{{ image|url }}" {% endif %} {% if mode == "portfolio" %} autoplay muted loop {% else %} controls {% endif %}>
{% set sources = video is iterable and (not (video[1] starts with "video/") or ("." in video[1])) ? video : [video] %}
{% for source in sources %}
{% if source is iterable %}
{% set mime = source[1] %}
{% else %}
{% set mime = known_video_types[source|split(".")|last] %}
{% endif %}
<source src="{{ source is iterable ? source[0]|url : source|url }}" {% if mime %} type="{{ mime }}" {% endif %}>
{% endfor %}
Your browser does not support this video!
</video>
{% if mode == "portfolio_modal" %}
<script>
jQuery('#portfolioModal{{ loop_index }}').on('hidden.bs.modal', function (e) {
jQuery('#portfolioModal{{ loop_index }} video').trigger('pause');
});
</script>
{% endif %}
{% endmacro %}

27
includes/yaml_error.twig Normal file
View File

@ -0,0 +1,27 @@
{#!
# Freelancer for Pico v2.0.7 (https://github.com/mayamcdougall/freelancer-pico)
# Ported by Maya McDougall (https://github.com/mayamcdougall)
# Based on upstream Freelancer v7.0.4 by Start Bootstrap (https://startbootstrap.com/theme/freelancer)
# Licensed under MIT (https://github.com/mayamcdougall/freelancer-pico/blob/main/LICENSE)
#}
{% set pages_with_error = [] %}
{% for page in pages(depthOffset=-1,depth=null) %}
{% if page.meta.YAML_ParseError %}
{% set pages_with_error = pages_with_error|merge([{"id": page.id, "error": page.meta.YAML_ParseError}]) %}
{% endif %}
{% endfor %}
{% for page in pages_with_error %}
{% if loop.first %}
<div class="fixed-top mt-5">
<div class="container mt-5 pt-3">
{% endif %}
<div class="alert alert-danger">
<h1 class="h6"><i class="fas fa-exclamation-triangle me-2"></i><strong>YAML Header Error</strong> in <a href="{{ page.id }}">{{ page.id }}</a>:</h1>
<p class="mb-0">{{ page.error }}</p>
</div>
{% if loop.last %}
</div>
</div>
{% endif %}
{% endfor %}

66
index.twig Normal file
View File

@ -0,0 +1,66 @@
{#!
# SeaCMS 1.0.0-alpha.2 (https://git.defis.info/SeaCMS/seacms)
# Licensed under EUPL (https://git.defis.info/SeaCMS/seacms/src/branch/master/LICENCE)
#}
{% set index = pages["index"].meta %}
{% if current_page.id != "index" %}
{% set single_page_mode = true %}
{% endif %}
{% if not index.portfolio.disabled %}
{% set portfolio_items = [] %}
{% for page in pages() %}
{% if not page.hidden %}
{% set portfolio_items = portfolio_items|merge([page]) %}
{% endif %}
{% endfor %}
{% if not portfolio_items or "Pico is a stupidly simple" in index.description %}
{% set portfolio_items = config.theme_config.demo.portfolio_items %}
{% endif %}
{% endif %}
<!DOCTYPE html>
<html lang="en">
{% include "includes/head.twig" %}
<body id="page-top">
{% include "includes/yaml_error.twig" %}
{% include "includes/header.twig" %}
{% if current_page.title == "Welcome" %}
{% include "includes/home.twig" %}
{% endif %}
{#!
{% if single_page_mode %}
{% include "includes/content.twig" %}
{% endif %}
{% if not index.portfolio.disabled and not single_page_mode %}
{% include "includes/portfolio.twig" %}
{% endif %}
{% if not index.about.disabled and not single_page_mode %}
{% include "includes/about.twig" %}
{% endif %}
{% if not index.contact.disabled and not single_page_mode %}
{% include "includes/contact.twig" %}
{% endif %}
{% if not index.portfolio.disabled and not single_page_mode %}
{% include "includes/portfolio_modals.twig" %}
{% endif %}
#}
{% include "includes/footer.twig" %}
</body>
</html>

84
index_default.twig Normal file
View File

@ -0,0 +1,84 @@
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<title>{% if meta.title %}{{ meta.title }} | {% endif %}{{ site_title }}</title>
{% if meta.description %}
<meta name="description" content="{{ meta.description|striptags }}" />
{% endif %}
{% if meta.robots %}
<meta name="robots" content="{{ meta.robots }}" />
{% endif %}
{% if current_page %}
<link rel="canonical" href="{{ current_page.url }}" />
{% endif %}
<link rel="stylesheet" href="{{ theme_url }}/css/knaccs.css" type="text/css" />
<link rel="stylesheet" href="{{ theme_url }}/css/style.css" type="text/css" />
</head>
<body{% if config.theme_config.widescreen %} class="widescreen"{% endif %}>
<div id="header" role="banner">
<div class="container">
<a id="nav-toggle" title="Toggle Menu" role="button" aria-controls="nav" aria-expanded="false" tabindex="1">
<span class="icon-menu" aria-hidden="true"></span>
<span class="sr-only">Toggle Menu</span>
</a>
{% if pages["_meta"].meta.logo %}
<div id="logo" aria-hidden="true">
<a href="{{ "index"|link }}">
<img src="{{ pages["_meta"].meta.logo|url }}" alt="" />
</a>
</div>
{% endif %}
<div id="title"{{ pages["_meta"].meta.tagline ? ' class="tagline"' }}>
<a href="{{ "index"|link }}">
<h1>{{ site_title }}</h1>
{{ pages["_meta"].meta.tagline|markdown }}
</a>
</div>
<div id="nav" role="navigation" tabindex="-1">
<ul>
{% for page in pages(depthOffset=-1) if page.title and not page.hidden %}
<li{% if page.id == current_page.id %} class="active"{% endif %}>
<a href="{{ page.url }}">{{ page.title }}</a>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
<div id="main" role="main">
<div class="container">
{{ content }}
</div>
</div>
<div id="footer">
<div class="container">
<div class="social">
{% for social in pages["_meta"].meta.social %}
<a href="{{ social.url }}" title="{{ social.title }}" role="button">
<span class="icon-{{ social.icon }}" aria-hidden="true"></span>
<span class="sr-only">{{ social.title }}</span>
</a>
{% endfor %}
</div>
<p>
<a href="http://picocms.org/">Pico</a> was made by <a href="http://gilbert.pellegrom.me">Gilbert Pellegrom</a>
and is maintained by <a href="https://github.com/picocms/Pico/graphs/contributors">The Pico Community</a>.
Released under the <a href="https://github.com/picocms/Pico/blob/master/LICENSE.md">MIT license</a>.
</p>
</div>
</div>
<script src="{{ theme_url }}/js/modernizr-3.3.1-custom.min.js" type="text/javascript"></script>
<script src="{{ theme_url }}/js/utils.js" type="text/javascript"></script>
<script src="{{ theme_url }}/js/pico.js" type="text/javascript"></script>
</body>
</html>

3
js/modernizr-3.3.1-custom.min.js vendored Normal file
View File

@ -0,0 +1,3 @@
/*! modernizr 3.3.1 (Custom Build) | MIT *
* https://modernizr.com/download/?-classlist-csstransitions-requestanimationframe !*/
!function(e,n,t){function r(e,n){return typeof e===n}function i(){var e,n,t,i,o,s,a;for(var f in y)if(y.hasOwnProperty(f)){if(e=[],n=y[f],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length))for(t=0;t<n.options.aliases.length;t++)e.push(n.options.aliases[t].toLowerCase());for(i=r(n.fn,"function")?n.fn():n.fn,o=0;o<e.length;o++)s=e[o],a=s.split("."),1===a.length?Modernizr[a[0]]=i:(!Modernizr[a[0]]||Modernizr[a[0]]instanceof Boolean||(Modernizr[a[0]]=new Boolean(Modernizr[a[0]])),Modernizr[a[0]][a[1]]=i),C.push((i?"":"no-")+a.join("-"))}}function o(e){return e.replace(/([a-z])-([a-z])/g,function(e,n,t){return n+t.toUpperCase()}).replace(/^-/,"")}function s(e,n){return!!~(""+e).indexOf(n)}function a(e,n){return function(){return e.apply(n,arguments)}}function f(e,n,t){var i;for(var o in e)if(e[o]in n)return t===!1?e[o]:(i=n[e[o]],r(i,"function")?a(i,t||n):i);return!1}function l(){return"function"!=typeof n.createElement?n.createElement(arguments[0]):T?n.createElementNS.call(n,"http://www.w3.org/2000/svg",arguments[0]):n.createElement.apply(n,arguments)}function u(e){return e.replace(/([A-Z])/g,function(e,n){return"-"+n.toLowerCase()}).replace(/^ms-/,"-ms-")}function d(){var e=n.body;return e||(e=l(T?"svg":"body"),e.fake=!0),e}function p(e,t,r,i){var o,s,a,f,u="modernizr",p=l("div"),c=d();if(parseInt(r,10))for(;r--;)a=l("div"),a.id=i?i[r]:u+(r+1),p.appendChild(a);return o=l("style"),o.type="text/css",o.id="s"+u,(c.fake?c:p).appendChild(o),c.appendChild(p),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(n.createTextNode(e)),p.id=u,c.fake&&(c.style.background="",c.style.overflow="hidden",f=w.style.overflow,w.style.overflow="hidden",w.appendChild(c)),s=t(p,e),c.fake?(c.parentNode.removeChild(c),w.style.overflow=f,w.offsetHeight):p.parentNode.removeChild(p),!!s}function c(n,r){var i=n.length;if("CSS"in e&&"supports"in e.CSS){for(;i--;)if(e.CSS.supports(u(n[i]),r))return!0;return!1}if("CSSSupportsRule"in e){for(var o=[];i--;)o.push("("+u(n[i])+":"+r+")");return o=o.join(" or "),p("@supports ("+o+") { #modernizr { position: absolute; } }",function(e){return"absolute"==getComputedStyle(e,null).position})}return t}function m(e,n,i,a){function f(){d&&(delete P.style,delete P.modElem)}if(a=r(a,"undefined")?!1:a,!r(i,"undefined")){var u=c(e,i);if(!r(u,"undefined"))return u}for(var d,p,m,v,h,y=["modernizr","tspan","samp"];!P.style&&y.length;)d=!0,P.modElem=l(y.shift()),P.style=P.modElem.style;for(m=e.length,p=0;m>p;p++)if(v=e[p],h=P.style[v],s(v,"-")&&(v=o(v)),P.style[v]!==t){if(a||r(i,"undefined"))return f(),"pfx"==n?v:!0;try{P.style[v]=i}catch(g){}if(P.style[v]!=h)return f(),"pfx"==n?v:!0}return f(),!1}function v(e,n,t,i,o){var s=e.charAt(0).toUpperCase()+e.slice(1),a=(e+" "+_.join(s+" ")+s).split(" ");return r(n,"string")||r(n,"undefined")?m(a,n,i,o):(a=(e+" "+E.join(s+" ")+s).split(" "),f(a,n,t))}function h(e,n,r){return v(e,t,t,n,r)}var y=[],g={_version:"3.3.1",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,n){var t=this;setTimeout(function(){n(t[e])},0)},addTest:function(e,n,t){y.push({name:e,fn:n,options:t})},addAsyncTest:function(e){y.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=g,Modernizr=new Modernizr;var C=[],w=n.documentElement;Modernizr.addTest("classlist","classList"in w);var x="Moz O ms Webkit",_=g._config.usePrefixes?x.split(" "):[];g._cssomPrefixes=_;var S=function(n){var r,i=prefixes.length,o=e.CSSRule;if("undefined"==typeof o)return t;if(!n)return!1;if(n=n.replace(/^@/,""),r=n.replace(/-/g,"_").toUpperCase()+"_RULE",r in o)return"@"+n;for(var s=0;i>s;s++){var a=prefixes[s],f=a.toUpperCase()+"_"+r;if(f in o)return"@-"+a.toLowerCase()+"-"+n}return!1};g.atRule=S;var E=g._config.usePrefixes?x.toLowerCase().split(" "):[];g._domPrefixes=E;var T="svg"===w.nodeName.toLowerCase(),z={elem:l("modernizr")};Modernizr._q.push(function(){delete z.elem});var P={style:z.elem.style};Modernizr._q.unshift(function(){delete P.style}),g.testAllProps=v;var b=g.prefixed=function(e,n,t){return 0===e.indexOf("@")?S(e):(-1!=e.indexOf("-")&&(e=o(e)),n?v(e,n,t):v(e,"pfx"))};Modernizr.addTest("requestanimationframe",!!b("requestAnimationFrame",e),{aliases:["raf"]}),g.testAllProps=h,Modernizr.addTest("csstransitions",h("transition","all",!0)),i(),delete g.addTest,delete g.addAsyncTest;for(var L=0;L<Modernizr._q.length;L++)Modernizr._q[L]();e.Modernizr=Modernizr}(window,document);

74
js/pico.js Normal file
View File

@ -0,0 +1,74 @@
/**
* Pico's Default Theme - JavaScript helper
*
* Pico is a stupidly simple, blazing fast, flat file CMS.
*
* @author Daniel Rudolf
* @link http://picocms.org
* @license http://opensource.org/licenses/MIT The MIT License
* @version 3.0
*/
function main()
{
// capability CSS classes
document.documentElement.className = 'js';
// wrap tables
var tables = document.querySelectorAll('#main > .container > table');
for (var i = 0; i < tables.length; i++) {
if (!/\btable-responsive\b/.test(tables[i].parentElement.className)) {
var tableWrapper = document.createElement('div');
tableWrapper.className = 'table-responsive';
tables[i].parentElement.insertBefore(tableWrapper, tables[i]);
tableWrapper.appendChild(tables[i]);
}
}
// responsive menu
var menu = document.getElementById('nav'),
menuToggle = document.getElementById('nav-toggle');
if (menu && menuToggle) {
function toggleMenuEvent(event) {
if (event.type === 'keydown') {
if ((event.keyCode !== 13) && (event.keyCode !== 32)) {
return;
}
}
event.preventDefault();
if (menuToggle.getAttribute('aria-expanded') === 'false') {
menuToggle.setAttribute('aria-expanded', 'true');
utils.slideDown(menu, null, function () {
if (event.type === 'keydown') {
menu.focus();
}
});
} else {
menuToggle.setAttribute('aria-expanded', 'false');
utils.slideUp(menu);
}
}
function onResizeEvent() {
if (utils.isElementVisible(menuToggle)) {
menu.className = 'hidden';
menuToggle.addEventListener('click', toggleMenuEvent);
menuToggle.addEventListener('keydown', toggleMenuEvent);
} else {
menu.className = '';
menu.removeAttribute('data-slide-id');
menuToggle.removeEventListener('click', toggleMenuEvent);
menuToggle.removeEventListener('keydown', toggleMenuEvent);
}
}
window.addEventListener('resize', onResizeEvent);
onResizeEvent();
}
}
main();

134
js/utils.js Normal file
View File

@ -0,0 +1,134 @@
/**
* Pico's Default Theme - JavaScript helper
*
* Pico is a stupidly simple, blazing fast, flat file CMS.
*
* @author Daniel Rudolf
* @link http://picocms.org
* @license http://opensource.org/licenses/MIT The MIT License
* @version 3.0
*/
utils = {};
/**
* Checks whether the client's browser is able to slide elements or not
*
* @return {bool} TRUE when the browser supports sliding, FALSE otherwise
*/
utils.canSlide = function ()
{
return (Modernizr.classlist && Modernizr.requestanimationframe && Modernizr.csstransitions);
};
/**
* Slides a element up (i.e. hide a element by changing its height to 0px)
*
* @param {HTMLElement} element the element to slide up
* @param {function} finishCallback function to call when the animation has
* been finished (i.e. the element is hidden)
* @param {function} startCallback function to call when the animation starts
*/
utils.slideUp = function (element, finishCallback, startCallback)
{
if (!utils.canSlide()) {
if (startCallback) startCallback();
element.className += (element.className !== '') ? ' hidden' : 'hidden';
if (finishCallback) window.setTimeout(finishCallback, 16);
return;
}
element.style.height = element.clientHeight + 'px';
var slideId = parseInt(element.getAttribute('data-slide-id')) || 0;
element.setAttribute('data-slide-id', ++slideId);
window.requestAnimationFrame(function () {
element.classList.add('slide');
window.requestAnimationFrame(function () {
element.style.height = '0px';
if (startCallback) {
startCallback();
}
window.setTimeout(function () {
if (parseInt(element.getAttribute('data-slide-id')) !== slideId) return;
element.classList.add('hidden');
element.classList.remove('slide');
element.style.height = null;
if (finishCallback) {
window.requestAnimationFrame(finishCallback);
}
}, 500);
});
});
};
/**
* Slides a element down (i.e. show a hidden element)
*
* @param {HTMLElement} element the element to slide down
* @param {function} finishCallback function to call when the animation has
* been finished (i.e. the element is visible)
* @param {function} startCallback function to call when the animation starts
*/
utils.slideDown = function (element, finishCallback, startCallback)
{
if (!utils.canSlide()) {
if (startCallback) startCallback();
element.className = element.className.replace(/\bhidden\b */g, '');
if (finishCallback) window.setTimeout(finishCallback, 16);
return;
}
var cssRuleOriginalValue = element.clientHeight + 'px',
slideId = parseInt(element.getAttribute('data-slide-id')) || 0;
element.setAttribute('data-slide-id', ++slideId);
element.style.height = null;
element.classList.remove('hidden');
element.classList.remove('slide');
var cssRuleValue = element.clientHeight + 'px';
element.style.height = cssRuleOriginalValue;
window.requestAnimationFrame(function () {
element.classList.add('slide');
window.requestAnimationFrame(function () {
element.style.height = cssRuleValue;
if (startCallback) {
startCallback();
}
window.setTimeout(function () {
if (parseInt(element.getAttribute('data-slide-id')) !== slideId) return;
element.classList.remove('slide');
element.style.height = null;
if (finishCallback) {
window.requestAnimationFrame(finishCallback);
}
}, 500);
});
});
};
/**
* Checks whether a element is visible or not
*
* @param {HTMLElement} element the element to check
*
* @return {bool} TRUE when the element is visible, FALSE otherwise
*/
utils.isElementVisible = function (element)
{
return !!(element.offsetWidth || element.offsetHeight || element.getClientRects().length);
};

14
pico-theme.yml Normal file
View File

@ -0,0 +1,14 @@
api_version: 3 # Use Pico's latest API version for themes
meta: # Register meta headers used by this theme
Logo: logo # The URL to your website's logo (value is passed to Pico's "url" Twig filter)
Tagline: tagline # Your website's tag line, shown right below your site title (supports Markdown)
Social: social # A list of social icons that will be shown in your website's footer;
# You must specify a "title", "url" and "icon" per entry
twig_config: # Twig template engine config
autoescape: html # Let Twig escape variables by default
strict_variables: false # If set to true, Twig will bail out when unset variables are being used
charset: utf-8 # The charset used by Twig templates
widescreen: false # Use more horicontal space (i.e. make the site container wider)