diff options
author | Jesús <heckyel@hyperbola.info> | 2021-11-09 18:20:40 -0500 |
---|---|---|
committer | Jesús <heckyel@hyperbola.info> | 2021-11-09 18:20:40 -0500 |
commit | 1e520729865883326ea52d8878c620979af74673 (patch) | |
tree | 071be2db0948d8c561ef516d7ed838fe3b52b5f0 | |
download | simple-1e520729865883326ea52d8878c620979af74673.tar.lz simple-1e520729865883326ea52d8878c620979af74673.tar.xz simple-1e520729865883326ea52d8878c620979af74673.zip |
initial import
-rw-r--r-- | .gitignore | 3 | ||||
-rw-r--r-- | LICENSE.md | 660 | ||||
-rw-r--r-- | Makefile | 49 | ||||
-rw-r--r-- | README.md | 36 | ||||
-rw-r--r-- | about.html | 12 | ||||
-rw-r--r-- | contact.html | 12 | ||||
-rw-r--r-- | index.html | 81 | ||||
-rw-r--r-- | post.html | 85 | ||||
-rw-r--r-- | scripts/fonts.bash | 28 | ||||
-rw-r--r-- | scripts/home.bash | 37 | ||||
-rw-r--r-- | scripts/icons.bash | 39 | ||||
-rw-r--r-- | scripts/js.bash | 27 | ||||
-rw-r--r-- | scripts/normalize.bash | 37 | ||||
-rw-r--r-- | scripts/post.bash | 37 | ||||
-rw-r--r-- | src/fonts/roboto/roboto-latin.woff2 | bin | 0 -> 10740 bytes | |||
-rw-r--r-- | src/images/icons/moon.svg | 1 | ||||
-rw-r--r-- | src/images/icons/sun.svg | 1 | ||||
-rw-r--r-- | src/js/switch-storage.js | 13 | ||||
-rw-r--r-- | src/scss/styles/_base.scss | 153 | ||||
-rw-r--r-- | src/scss/styles/_switch.scss | 57 | ||||
-rw-r--r-- | src/scss/styles/_tipografia.scss | 16 | ||||
-rw-r--r-- | src/scss/styles/_variables.scss | 64 | ||||
-rw-r--r-- | src/scss/styles/home.scss | 13 | ||||
-rw-r--r-- | src/scss/styles/home/_buttons.scss | 24 | ||||
-rw-r--r-- | src/scss/styles/normalize.scss | 349 | ||||
-rw-r--r-- | src/scss/styles/post.scss | 12 |
26 files changed, 1846 insertions, 0 deletions
diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..8ed0906 --- /dev/null +++ b/.gitignore @@ -0,0 +1,3 @@ +dist/ +env/ +venv/ diff --git a/LICENSE.md b/LICENSE.md new file mode 100644 index 0000000..cba6f6a --- /dev/null +++ b/LICENSE.md @@ -0,0 +1,660 @@ +### GNU AFFERO GENERAL PUBLIC LICENSE + +Version 3, 19 November 2007 + +Copyright (C) 2007 Free Software Foundation, Inc. +<https://fsf.org/> + +Everyone is permitted to copy and distribute verbatim copies of this +license document, but changing it is not allowed. + +### Preamble + +The GNU Affero General Public License is a free, copyleft license for +software and other kinds of works, specifically designed to ensure +cooperation with the community in the case of network server software. + +The licenses for most software and other practical works are designed +to take away your freedom to share and change the works. By contrast, +our General Public Licenses are intended to guarantee your freedom to +share and change all versions of a program--to make sure it remains +free software for all its users. + +When we speak of free software, we are referring to freedom, not +price. Our General Public Licenses are designed to make sure that you +have the freedom to distribute copies of free software (and charge for +them if you wish), that you receive source code or can get it if you +want it, that you can change the software or use pieces of it in new +free programs, and that you know you can do these things. + +Developers that use our General Public Licenses protect your rights +with two steps: (1) assert copyright on the software, and (2) offer +you this License which gives you legal permission to copy, distribute +and/or modify the software. + +A secondary benefit of defending all users' freedom is that +improvements made in alternate versions of the program, if they +receive widespread use, become available for other developers to +incorporate. Many developers of free software are heartened and +encouraged by the resulting cooperation. However, in the case of +software used on network servers, this result may fail to come about. +The GNU General Public License permits making a modified version and +letting the public access it on a server without ever releasing its +source code to the public. + +The GNU Affero General Public License is designed specifically to +ensure that, in such cases, the modified source code becomes available +to the community. It requires the operator of a network server to +provide the source code of the modified version running there to the +users of that server. Therefore, public use of a modified version, on +a publicly accessible server, gives the public access to the source +code of the modified version. + +An older license, called the Affero General Public License and +published by Affero, was designed to accomplish similar goals. This is +a different license, not a version of the Affero GPL, but Affero has +released a new version of the Affero GPL which permits relicensing +under this license. + +The precise terms and conditions for copying, distribution and +modification follow. + +### TERMS AND CONDITIONS + +#### 0. Definitions. + +"This License" refers to version 3 of the GNU Affero General Public +License. + +"Copyright" also means copyright-like laws that apply to other kinds +of works, such as semiconductor masks. + +"The Program" refers to any copyrightable work licensed under this +License. Each licensee is addressed as "you". "Licensees" and +"recipients" may be individuals or organizations. + +To "modify" a work means to copy from or adapt all or part of the work +in a fashion requiring copyright permission, other than the making of +an exact copy. The resulting work is called a "modified version" of +the earlier work or a work "based on" the earlier work. + +A "covered work" means either the unmodified Program or a work based +on the Program. + +To "propagate" a work means to do anything with it that, without +permission, would make you directly or secondarily liable for +infringement under applicable copyright law, except executing it on a +computer or modifying a private copy. Propagation includes copying, +distribution (with or without modification), making available to the +public, and in some countries other activities as well. + +To "convey" a work means any kind of propagation that enables other +parties to make or receive copies. Mere interaction with a user +through a computer network, with no transfer of a copy, is not +conveying. + +An interactive user interface displays "Appropriate Legal Notices" to +the extent that it includes a convenient and prominently visible +feature that (1) displays an appropriate copyright notice, and (2) +tells the user that there is no warranty for the work (except to the +extent that warranties are provided), that licensees may convey the +work under this License, and how to view a copy of this License. If +the interface presents a list of user commands or options, such as a +menu, a prominent item in the list meets this criterion. + +#### 1. Source Code. + +The "source code" for a work means the preferred form of the work for +making modifications to it. "Object code" means any non-source form of +a work. + +A "Standard Interface" means an interface that either is an official +standard defined by a recognized standards body, or, in the case of +interfaces specified for a particular programming language, one that +is widely used among developers working in that language. + +The "System Libraries" of an executable work include anything, other +than the work as a whole, that (a) is included in the normal form of +packaging a Major Component, but which is not part of that Major +Component, and (b) serves only to enable use of the work with that +Major Component, or to implement a Standard Interface for which an +implementation is available to the public in source code form. A +"Major Component", in this context, means a major essential component +(kernel, window system, and so on) of the specific operating system +(if any) on which the executable work runs, or a compiler used to +produce the work, or an object code interpreter used to run it. + +The "Corresponding Source" for a work in object code form means all +the source code needed to generate, install, and (for an executable +work) run the object code and to modify the work, including scripts to +control those activities. However, it does not include the work's +System Libraries, or general-purpose tools or generally available free +programs which are used unmodified in performing those activities but +which are not part of the work. For example, Corresponding Source +includes interface definition files associated with source files for +the work, and the source code for shared libraries and dynamically +linked subprograms that the work is specifically designed to require, +such as by intimate data communication or control flow between those +subprograms and other parts of the work. + +The Corresponding Source need not include anything that users can +regenerate automatically from other parts of the Corresponding Source. + +The Corresponding Source for a work in source code form is that same +work. + +#### 2. Basic Permissions. + +All rights granted under this License are granted for the term of +copyright on the Program, and are irrevocable provided the stated +conditions are met. This License explicitly affirms your unlimited +permission to run the unmodified Program. The output from running a +covered work is covered by this License only if the output, given its +content, constitutes a covered work. This License acknowledges your +rights of fair use or other equivalent, as provided by copyright law. + +You may make, run and propagate covered works that you do not convey, +without conditions so long as your license otherwise remains in force. +You may convey covered works to others for the sole purpose of having +them make modifications exclusively for you, or provide you with +facilities for running those works, provided that you comply with the +terms of this License in conveying all material for which you do not +control copyright. Those thus making or running the covered works for +you must do so exclusively on your behalf, under your direction and +control, on terms that prohibit them from making any copies of your +copyrighted material outside their relationship with you. + +Conveying under any other circumstances is permitted solely under the +conditions stated below. Sublicensing is not allowed; section 10 makes +it unnecessary. + +#### 3. Protecting Users' Legal Rights From Anti-Circumvention Law. + +No covered work shall be deemed part of an effective technological +measure under any applicable law fulfilling obligations under article +11 of the WIPO copyright treaty adopted on 20 December 1996, or +similar laws prohibiting or restricting circumvention of such +measures. + +When you convey a covered work, you waive any legal power to forbid +circumvention of technological measures to the extent such +circumvention is effected by exercising rights under this License with +respect to the covered work, and you disclaim any intention to limit +operation or modification of the work as a means of enforcing, against +the work's users, your or third parties' legal rights to forbid +circumvention of technological measures. + +#### 4. Conveying Verbatim Copies. + +You may convey verbatim copies of the Program's source code as you +receive it, in any medium, provided that you conspicuously and +appropriately publish on each copy an appropriate copyright notice; +keep intact all notices stating that this License and any +non-permissive terms added in accord with section 7 apply to the code; +keep intact all notices of the absence of any warranty; and give all +recipients a copy of this License along with the Program. + +You may charge any price or no price for each copy that you convey, +and you may offer support or warranty protection for a fee. + +#### 5. Conveying Modified Source Versions. + +You may convey a work based on the Program, or the modifications to +produce it from the Program, in the form of source code under the +terms of section 4, provided that you also meet all of these +conditions: + +- a) The work must carry prominent notices stating that you modified + it, and giving a relevant date. +- b) The work must carry prominent notices stating that it is + released under this License and any conditions added under + section 7. This requirement modifies the requirement in section 4 + to "keep intact all notices". +- c) You must license the entire work, as a whole, under this + License to anyone who comes into possession of a copy. This + License will therefore apply, along with any applicable section 7 + additional terms, to the whole of the work, and all its parts, + regardless of how they are packaged. This License gives no + permission to license the work in any other way, but it does not + invalidate such permission if you have separately received it. +- d) If the work has interactive user interfaces, each must display + Appropriate Legal Notices; however, if the Program has interactive + interfaces that do not display Appropriate Legal Notices, your + work need not make them do so. + +A compilation of a covered work with other separate and independent +works, which are not by their nature extensions of the covered work, +and which are not combined with it such as to form a larger program, +in or on a volume of a storage or distribution medium, is called an +"aggregate" if the compilation and its resulting copyright are not +used to limit the access or legal rights of the compilation's users +beyond what the individual works permit. Inclusion of a covered work +in an aggregate does not cause this License to apply to the other +parts of the aggregate. + +#### 6. Conveying Non-Source Forms. + +You may convey a covered work in object code form under the terms of +sections 4 and 5, provided that you also convey the machine-readable +Corresponding Source under the terms of this License, in one of these +ways: + +- a) Convey the object code in, or embodied in, a physical product + (including a physical distribution medium), accompanied by the + Corresponding Source fixed on a durable physical medium + customarily used for software interchange. +- b) Convey the object code in, or embodied in, a physical product + (including a physical distribution medium), accompanied by a + written offer, valid for at least three years and valid for as + long as you offer spare parts or customer support for that product + model, to give anyone who possesses the object code either (1) a + copy of the Corresponding Source for all the software in the + product that is covered by this License, on a durable physical + medium customarily used for software interchange, for a price no + more than your reasonable cost of physically performing this + conveying of source, or (2) access to copy the Corresponding + Source from a network server at no charge. +- c) Convey individual copies of the object code with a copy of the + written offer to provide the Corresponding Source. This + alternative is allowed only occasionally and noncommercially, and + only if you received the object code with such an offer, in accord + with subsection 6b. +- d) Convey the object code by offering access from a designated + place (gratis or for a charge), and offer equivalent access to the + Corresponding Source in the same way through the same place at no + further charge. You need not require recipients to copy the + Corresponding Source along with the object code. If the place to + copy the object code is a network server, the Corresponding Source + may be on a different server (operated by you or a third party) + that supports equivalent copying facilities, provided you maintain + clear directions next to the object code saying where to find the + Corresponding Source. Regardless of what server hosts the + Corresponding Source, you remain obligated to ensure that it is + available for as long as needed to satisfy these requirements. +- e) Convey the object code using peer-to-peer transmission, + provided you inform other peers where the object code and + Corresponding Source of the work are being offered to the general + public at no charge under subsection 6d. + +A separable portion of the object code, whose source code is excluded +from the Corresponding Source as a System Library, need not be +included in conveying the object code work. + +A "User Product" is either (1) a "consumer product", which means any +tangible personal property which is normally used for personal, +family, or household purposes, or (2) anything designed or sold for +incorporation into a dwelling. In determining whether a product is a +consumer product, doubtful cases shall be resolved in favor of +coverage. For a particular product received by a particular user, +"normally used" refers to a typical or common use of that class of +product, regardless of the status of the particular user or of the way +in which the particular user actually uses, or expects or is expected +to use, the product. A product is a consumer product regardless of +whether the product has substantial commercial, industrial or +non-consumer uses, unless such uses represent the only significant +mode of use of the product. + +"Installation Information" for a User Product means any methods, +procedures, authorization keys, or other information required to +install and execute modified versions of a covered work in that User +Product from a modified version of its Corresponding Source. The +information must suffice to ensure that the continued functioning of +the modified object code is in no case prevented or interfered with +solely because modification has been made. + +If you convey an object code work under this section in, or with, or +specifically for use in, a User Product, and the conveying occurs as +part of a transaction in which the right of possession and use of the +User Product is transferred to the recipient in perpetuity or for a +fixed term (regardless of how the transaction is characterized), the +Corresponding Source conveyed under this section must be accompanied +by the Installation Information. But this requirement does not apply +if neither you nor any third party retains the ability to install +modified object code on the User Product (for example, the work has +been installed in ROM). + +The requirement to provide Installation Information does not include a +requirement to continue to provide support service, warranty, or +updates for a work that has been modified or installed by the +recipient, or for the User Product in which it has been modified or +installed. Access to a network may be denied when the modification +itself materially and adversely affects the operation of the network +or violates the rules and protocols for communication across the +network. + +Corresponding Source conveyed, and Installation Information provided, +in accord with this section must be in a format that is publicly +documented (and with an implementation available to the public in +source code form), and must require no special password or key for +unpacking, reading or copying. + +#### 7. Additional Terms. + +"Additional permissions" are terms that supplement the terms of this +License by making exceptions from one or more of its conditions. +Additional permissions that are applicable to the entire Program shall +be treated as though they were included in this License, to the extent +that they are valid under applicable law. If additional permissions +apply only to part of the Program, that part may be used separately +under those permissions, but the entire Program remains governed by +this License without regard to the additional permissions. + +When you convey a copy of a covered work, you may at your option +remove any additional permissions from that copy, or from any part of +it. (Additional permissions may be written to require their own +removal in certain cases when you modify the work.) You may place +additional permissions on material, added by you to a covered work, +for which you have or can give appropriate copyright permission. + +Notwithstanding any other provision of this License, for material you +add to a covered work, you may (if authorized by the copyright holders +of that material) supplement the terms of this License with terms: + +- a) Disclaiming warranty or limiting liability differently from the + terms of sections 15 and 16 of this License; or +- b) Requiring preservation of specified reasonable legal notices or + author attributions in that material or in the Appropriate Legal + Notices displayed by works containing it; or +- c) Prohibiting misrepresentation of the origin of that material, + or requiring that modified versions of such material be marked in + reasonable ways as different from the original version; or +- d) Limiting the use for publicity purposes of names of licensors + or authors of the material; or +- e) Declining to grant rights under trademark law for use of some + trade names, trademarks, or service marks; or +- f) Requiring indemnification of licensors and authors of that + material by anyone who conveys the material (or modified versions + of it) with contractual assumptions of liability to the recipient, + for any liability that these contractual assumptions directly + impose on those licensors and authors. + +All other non-permissive additional terms are considered "further +restrictions" within the meaning of section 10. If the Program as you +received it, or any part of it, contains a notice stating that it is +governed by this License along with a term that is a further +restriction, you may remove that term. If a license document contains +a further restriction but permits relicensing or conveying under this +License, you may add to a covered work material governed by the terms +of that license document, provided that the further restriction does +not survive such relicensing or conveying. + +If you add terms to a covered work in accord with this section, you +must place, in the relevant source files, a statement of the +additional terms that apply to those files, or a notice indicating +where to find the applicable terms. + +Additional terms, permissive or non-permissive, may be stated in the +form of a separately written license, or stated as exceptions; the +above requirements apply either way. + +#### 8. Termination. + +You may not propagate or modify a covered work except as expressly +provided under this License. Any attempt otherwise to propagate or +modify it is void, and will automatically terminate your rights under +this License (including any patent licenses granted under the third +paragraph of section 11). + +However, if you cease all violation of this License, then your license +from a particular copyright holder is reinstated (a) provisionally, +unless and until the copyright holder explicitly and finally +terminates your license, and (b) permanently, if the copyright holder +fails to notify you of the violation by some reasonable means prior to +60 days after the cessation. + +Moreover, your license from a particular copyright holder is +reinstated permanently if the copyright holder notifies you of the +violation by some reasonable means, this is the first time you have +received notice of violation of this License (for any work) from that +copyright holder, and you cure the violation prior to 30 days after +your receipt of the notice. + +Termination of your rights under this section does not terminate the +licenses of parties who have received copies or rights from you under +this License. If your rights have been terminated and not permanently +reinstated, you do not qualify to receive new licenses for the same +material under section 10. + +#### 9. Acceptance Not Required for Having Copies. + +You are not required to accept this License in order to receive or run +a copy of the Program. Ancillary propagation of a covered work +occurring solely as a consequence of using peer-to-peer transmission +to receive a copy likewise does not require acceptance. However, +nothing other than this License grants you permission to propagate or +modify any covered work. These actions infringe copyright if you do +not accept this License. Therefore, by modifying or propagating a +covered work, you indicate your acceptance of this License to do so. + +#### 10. Automatic Licensing of Downstream Recipients. + +Each time you convey a covered work, the recipient automatically +receives a license from the original licensors, to run, modify and +propagate that work, subject to this License. You are not responsible +for enforcing compliance by third parties with this License. + +An "entity transaction" is a transaction transferring control of an +organization, or substantially all assets of one, or subdividing an +organization, or merging organizations. If propagation of a covered +work results from an entity transaction, each party to that +transaction who receives a copy of the work also receives whatever +licenses to the work the party's predecessor in interest had or could +give under the previous paragraph, plus a right to possession of the +Corresponding Source of the work from the predecessor in interest, if +the predecessor has it or can get it with reasonable efforts. + +You may not impose any further restrictions on the exercise of the +rights granted or affirmed under this License. For example, you may +not impose a license fee, royalty, or other charge for exercise of +rights granted under this License, and you may not initiate litigation +(including a cross-claim or counterclaim in a lawsuit) alleging that +any patent claim is infringed by making, using, selling, offering for +sale, or importing the Program or any portion of it. + +#### 11. Patents. + +A "contributor" is a copyright holder who authorizes use under this +License of the Program or a work on which the Program is based. The +work thus licensed is called the contributor's "contributor version". + +A contributor's "essential patent claims" are all patent claims owned +or controlled by the contributor, whether already acquired or +hereafter acquired, that would be infringed by some manner, permitted +by this License, of making, using, or selling its contributor version, +but do not include claims that would be infringed only as a +consequence of further modification of the contributor version. For +purposes of this definition, "control" includes the right to grant +patent sublicenses in a manner consistent with the requirements of +this License. + +Each contributor grants you a non-exclusive, worldwide, royalty-free +patent license under the contributor's essential patent claims, to +make, use, sell, offer for sale, import and otherwise run, modify and +propagate the contents of its contributor version. + +In the following three paragraphs, a "patent license" is any express +agreement or commitment, however denominated, not to enforce a patent +(such as an express permission to practice a patent or covenant not to +sue for patent infringement). To "grant" such a patent license to a +party means to make such an agreement or commitment not to enforce a +patent against the party. + +If you convey a covered work, knowingly relying on a patent license, +and the Corresponding Source of the work is not available for anyone +to copy, free of charge and under the terms of this License, through a +publicly available network server or other readily accessible means, +then you must either (1) cause the Corresponding Source to be so +available, or (2) arrange to deprive yourself of the benefit of the +patent license for this particular work, or (3) arrange, in a manner +consistent with the requirements of this License, to extend the patent +license to downstream recipients. "Knowingly relying" means you have +actual knowledge that, but for the patent license, your conveying the +covered work in a country, or your recipient's use of the covered work +in a country, would infringe one or more identifiable patents in that +country that you have reason to believe are valid. + +If, pursuant to or in connection with a single transaction or +arrangement, you convey, or propagate by procuring conveyance of, a +covered work, and grant a patent license to some of the parties +receiving the covered work authorizing them to use, propagate, modify +or convey a specific copy of the covered work, then the patent license +you grant is automatically extended to all recipients of the covered +work and works based on it. + +A patent license is "discriminatory" if it does not include within the +scope of its coverage, prohibits the exercise of, or is conditioned on +the non-exercise of one or more of the rights that are specifically +granted under this License. You may not convey a covered work if you +are a party to an arrangement with a third party that is in the +business of distributing software, under which you make payment to the +third party based on the extent of your activity of conveying the +work, and under which the third party grants, to any of the parties +who would receive the covered work from you, a discriminatory patent +license (a) in connection with copies of the covered work conveyed by +you (or copies made from those copies), or (b) primarily for and in +connection with specific products or compilations that contain the +covered work, unless you entered into that arrangement, or that patent +license was granted, prior to 28 March 2007. + +Nothing in this License shall be construed as excluding or limiting +any implied license or other defenses to infringement that may +otherwise be available to you under applicable patent law. + +#### 12. No Surrender of Others' Freedom. + +If conditions are imposed on you (whether by court order, agreement or +otherwise) that contradict the conditions of this License, they do not +excuse you from the conditions of this License. If you cannot convey a +covered work so as to satisfy simultaneously your obligations under +this License and any other pertinent obligations, then as a +consequence you may not convey it at all. For example, if you agree to +terms that obligate you to collect a royalty for further conveying +from those to whom you convey the Program, the only way you could +satisfy both those terms and this License would be to refrain entirely +from conveying the Program. + +#### 13. Remote Network Interaction; Use with the GNU General Public License. + +Notwithstanding any other provision of this License, if you modify the +Program, your modified version must prominently offer all users +interacting with it remotely through a computer network (if your +version supports such interaction) an opportunity to receive the +Corresponding Source of your version by providing access to the +Corresponding Source from a network server at no charge, through some +standard or customary means of facilitating copying of software. This +Corresponding Source shall include the Corresponding Source for any +work covered by version 3 of the GNU General Public License that is +incorporated pursuant to the following paragraph. + +Notwithstanding any other provision of this License, you have +permission to link or combine any covered work with a work licensed +under version 3 of the GNU General Public License into a single +combined work, and to convey the resulting work. The terms of this +License will continue to apply to the part which is the covered work, +but the work with which it is combined will remain governed by version +3 of the GNU General Public License. + +#### 14. Revised Versions of this License. + +The Free Software Foundation may publish revised and/or new versions +of the GNU Affero General Public License from time to time. Such new +versions will be similar in spirit to the present version, but may +differ in detail to address new problems or concerns. + +Each version is given a distinguishing version number. If the Program +specifies that a certain numbered version of the GNU Affero General +Public License "or any later version" applies to it, you have the +option of following the terms and conditions either of that numbered +version or of any later version published by the Free Software +Foundation. If the Program does not specify a version number of the +GNU Affero General Public License, you may choose any version ever +published by the Free Software Foundation. + +If the Program specifies that a proxy can decide which future versions +of the GNU Affero General Public License can be used, that proxy's +public statement of acceptance of a version permanently authorizes you +to choose that version for the Program. + +Later license versions may give you additional or different +permissions. However, no additional obligations are imposed on any +author or copyright holder as a result of your choosing to follow a +later version. + +#### 15. Disclaimer of Warranty. + +THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY +APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT +HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT +WARRANTY OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT +LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR +A PARTICULAR PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND +PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE PROGRAM PROVE +DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, REPAIR OR +CORRECTION. + +#### 16. Limitation of Liability. + +IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING +WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR +CONVEYS THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, +INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES +ARISING OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT +NOT LIMITED TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR +LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM +TO OPERATE WITH ANY OTHER PROGRAMS), EVEN IF SUCH HOLDER OR OTHER +PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. + +#### 17. Interpretation of Sections 15 and 16. + +If the disclaimer of warranty and limitation of liability provided +above cannot be given local legal effect according to their terms, +reviewing courts shall apply local law that most closely approximates +an absolute waiver of all civil liability in connection with the +Program, unless a warranty or assumption of liability accompanies a +copy of the Program in return for a fee. + +END OF TERMS AND CONDITIONS + +### How to Apply These Terms to Your New Programs + +If you develop a new program, and you want it to be of the greatest +possible use to the public, the best way to achieve this is to make it +free software which everyone can redistribute and change under these +terms. + +To do so, attach the following notices to the program. It is safest to +attach them to the start of each source file to most effectively state +the exclusion of warranty; and each file should have at least the +"copyright" line and a pointer to where the full notice is found. + + <one line to give the program's name and a brief idea of what it does.> + Copyright (C) <year> <name of author> + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU Affero General Public License as + published by the Free Software Foundation, either version 3 of the + License, or (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU Affero General Public License for more details. + + You should have received a copy of the GNU Affero General Public License + along with this program. If not, see <https://www.gnu.org/licenses/>. + +Also add information on how to contact you by electronic and paper +mail. + +If your software can interact with users remotely through a computer +network, you should also make sure that it provides a way for users to +get its source. For example, if your program is a web application, its +interface could display a "Source" link that leads users to an archive +of the code. There are many ways you could offer source, and different +solutions will be better for different programs; see section 13 for +the specific requirements. + +You should also get your employer (if you work as a programmer) or +school, if any, to sign a "copyright disclaimer" for the program, if +necessary. For more information on this, and how to apply and follow +the GNU AGPL, see <https://www.gnu.org/licenses/>. diff --git a/Makefile b/Makefile new file mode 100644 index 0000000..bb22ff9 --- /dev/null +++ b/Makefile @@ -0,0 +1,49 @@ +PY?=python +SERVERMODULE=http.server + +ifeq ($(PY), tauthon) + SERVERMODULE = SimpleHTTPServer +else ifeq ($(PY), python2) + SERVERMODULE = SimpleHTTPServer +else ifeq ($(PY), python3) + SERVERMODULE = http.server +endif + +help: + @echo 'Makefile for generate styles, fonts, icons, js to simple ' + @echo ' ' + @echo 'Usage: ' + @echo ' make all compile all frontend ' + @echo ' make clean delete all fonts, icons, styles, js ' + @echo ' make icons compile icons ' + @echo ' make styles compile custom styles ' + @echo ' make fonts generate fonts ' + @echo ' make js compile javascript files ' + @echo ' make serve [PY=python] [PORT=8000] serve site at http://localhost:8000 ' + @echo ' ' + +all: clean fonts icons styles js + +clean: + @rm -rf dist/ + +fonts: + @bash scripts/fonts.bash + +icons: + @bash scripts/icons.bash + +styles: + @bash scripts/normalize.bash + @bash scripts/home.bash + @bash scripts/post.bash + +js: + @bash scripts/js.bash + +serve: +ifdef PORT + $(PY) -m $(SERVERMODULE) $(PORT) +else + $(PY) -m $(SERVERMODULE) +endif diff --git a/README.md b/README.md new file mode 100644 index 0000000..41c537f --- /dev/null +++ b/README.md @@ -0,0 +1,36 @@ +# Simple + +Theme built only CSS + +## Installation + +Orginal Repo: + +```console +$ git clone https://hgit.conocimientoslibres.ga/software/simple.git +``` + +Mirror Repro: + +```console +$ git clone https://notabug.org/heckyel/simple +``` + +## Build It + +First, you need to compile the theme using [SassC](https://github.com/sass/sassc) compiler. + +Then install `sassc` for example: + +```console +# pacman -S sassc +``` + +You see Makefile: + +```console +$ make all +``` + +## License +This work is under the License [GNU AGPLv3 +](LICENSE.md) diff --git a/about.html b/about.html new file mode 100644 index 0000000..c490b5b --- /dev/null +++ b/about.html @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <title>Simple</title> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta http-equiv="content-type" content="text/html; charset=UTF-8"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <link rel="stylesheet" href="dist/css/normalize.min.css"> + </head> + <body> + </body> +</html> diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..c490b5b --- /dev/null +++ b/contact.html @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <title>Simple</title> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta http-equiv="content-type" content="text/html; charset=UTF-8"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <link rel="stylesheet" href="dist/css/normalize.min.css"> + </head> + <body> + </body> +</html> diff --git a/index.html b/index.html new file mode 100644 index 0000000..f1dc066 --- /dev/null +++ b/index.html @@ -0,0 +1,81 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <title>Simple</title> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta http-equiv="content-type" content="text/html; charset=UTF-8"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <link rel="stylesheet" href="dist/css/normalize.min.css"> + <link rel="stylesheet" href="dist/css/home.min.css"> + </head> + <body> + <input type="checkbox" class="theme-switch" id="theme-switch"> + <div class="page"> + <aside class="aside"> + <h1 class="title">Simple</h1> + <p class="subtitle">The minimalist Pelican theme</p> + <form class="form" id="site-search" action="/search.html"> + <input type="search" name="q" class="search-box" required placeholder="Type to search..."> + </form> + <nav class="a-nav"> + <ul> + <li><a>about</a></li> + <li><a>contact</a></li> + </ul> + </nav> + <div class="a-social"> + <a href="#">cgit</a> + <a href="#">atom</a> + </div> + </aside> + <main class="main"> + <nav> + <a href="#">Home</a> + <a href="#">Archives</a> + <a href="#">Categories</a> + <a href="#">Tags</a> + <a href="#">Atom</a> + </nav> + <article> + <header> + <h2><a href="#">Simple 1.0.0</a></h2> + <time class="entry-date published" itemprop="datePublished" datetime="2021-05-08T05:00:00+02:00"> + <small> + Posted on November 9, 2021 in <a href="#">News</a> + </small> + </time> + </header> + <div> + <div><p><a href="https://hgit.conocimientoslibres.ga/software/simple.git">Simple theme</a> 1.0.0 first release!</p> + <p>New features include:</p> + <ul> + <li>Dark Theme version</li> + <li>Isso comments support</li> + <li>Tipue Search support</li> + <li>Update translations</li> + </ul> + <p>Fixes include:</p> + <ul> + <li>New social icons</li> + <li>Layout fixes</li> + <li>Compatibility with newer Pelican</li> + </ul> + <p>For more project check our <a href="https://hgit.conocimientoslibres.ga/">Git</a>.</p> + </div> + <div class="button-container"> + <a class="button" href="./post.html"> + Continue reading + </a> + </div> + </div> + <hr> + </article> + <footer class="credits"> + <p>© 2021 - This work is licensed under <a href="https://www.gnu.org/licenses/agpl-3.0.txt" rel="license"> + <abbr title="GNU Affero General Public License version 3 or later"> GNU AGPL-3 </abbr></a> | Mode: <label for="theme-switch" class="switch-label"></label></p> + </footer> + </main> + </div> + <script src="dist/js/switch-storage.js"></script> + </body> +</html> diff --git a/post.html b/post.html new file mode 100644 index 0000000..ec93c53 --- /dev/null +++ b/post.html @@ -0,0 +1,85 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <title>Simple</title> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta http-equiv="content-type" content="text/html; charset=UTF-8"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <link rel="stylesheet" href="dist/css/normalize.min.css"> + <link rel="stylesheet" href="dist/css/post.min.css"> + </head> + <body> + <input type="checkbox" class="theme-switch" id="theme-switch"> + <div class="page"> + <aside class="aside"> + <h1 class="title">Simple</h1> + <p class="subtitle">The minimalist Pelican theme</p> + <form class="form" id="site-search" action="/search.html"> + <input type="search" name="q" class="search-box" required placeholder="Type to search..."> + </form> + <nav class="a-nav"> + <ul> + <li><a>about</a></li> + <li><a>contact</a></li> + </ul> + </nav> + <div class="a-social"> + <a href="#">cgit</a> + <a href="#">atom</a> + </div> + </aside> + <main class="main"> + <nav> + <a href="#">Home</a> + <a href="#">Archives</a> + <a href="#">Categories</a> + <a href="#">Tags</a> + <a href="#">Atom</a> + </nav> + <article> + <header> + <h2><a href="#">Simple 1.0.0</a></h2> + <time class="entry-date published" itemprop="datePublished" datetime="2021-05-08T05:00:00+02:00"> + <small> + Posted on November 9, 2021 in <a href="#">News</a> + </small> + </time> + </header> + <div> + <div><p><a href="https://hgit.conocimientoslibres.ga/software/simple.git">Simple theme</a> 1.0.0 first release!</p> + <p>New features include:</p> + <ul> + <li>Dark Theme version</li> + <li>Isso comments support</li> + <li>Tipue Search support</li> + <li>Update translations</li> + </ul> + <p>Fixes include:</p> + <ul> + <li>New social icons</li> + <li>Layout fixes</li> + <li>Compatibility with newer Pelican</li> + </ul> + <p>For more project check our <a href="https://hgit.conocimientoslibres.ga">Git</a>.</p> + <p>I know, it has been a long time since the last version, but it's out now.</p> + <p>Hope you enjoy this version.</p> + </div> + <div class="tag-cloud"> + <p> + <a href="#">pelican</a> + <a href="#">python</a> + <a href="#">theme</a> + </p> + </div> + </div> + <hr> + </article> + <footer class="credits"> + <p>© 2021 - This work is licensed under <a href="https://www.gnu.org/licenses/agpl-3.0.txt" rel="license"> + <abbr title="GNU Affero General Public License version 3 or later">GNU AGPL-3</abbr></a> | Mode: <label for="theme-switch" class="switch-label"></label></p> + </footer> + </main> + </div> + <script src="dist/js/switch-storage.js"></script> + </body> +</html> diff --git a/scripts/fonts.bash b/scripts/fonts.bash new file mode 100644 index 0000000..9ae3ed6 --- /dev/null +++ b/scripts/fonts.bash @@ -0,0 +1,28 @@ +#!/bin/bash + +_dir="${2-$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)}" +_target="${_dir%/*}" # deleted slash +_dest="${_target%scripts}/dist/fonts/roboto/" + +# ============================================================================== +# FUNCTIONS - START +# ============================================================================== +run_prepare() { + install -d -m755 "${_dest}" +} + +run_roboto() +{ + local _name="${1-roboto-latin}" + local _src="${_target%scripts}/src/fonts/roboto/${_name}.woff2" # input + # copy font Roboto + if [[ -n "${_src}" ]]; then + cp -fv "${_src}" "${_dest}" + fi +} + +# ============================================================================== +# EXECUTION - START +# ============================================================================== +run_prepare "$@" +run_roboto "$@" diff --git a/scripts/home.bash b/scripts/home.bash new file mode 100644 index 0000000..ac21bb6 --- /dev/null +++ b/scripts/home.bash @@ -0,0 +1,37 @@ +#!/bin/bash + +_dir="${2-$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)}" +_target="${_dir%/*}" # deleted slash +_dest="${_target%scripts}/dist/css/" + +# ============================================================================== +# FUNCTIONS - START +# ============================================================================== +run_prepare() { + install -d -m755 "${_dest}" +} + +run_it() +{ + local _name="${1-home}" + local _src="${_target%scripts}/src/scss/styles/${_name}.scss" # input + local _fdest="${_target%scripts}/dist/css/${_name}.css" # output + # ---------------------------------------------------------------------------- + sassc -t expanded "${_src}" "${_fdest}" +} + +run_compress() +{ + local _name="${1-home}" + local _src="${_target%scripts}/src/scss/styles/${_name}.scss" # input + local _fdest="${_target%scripts}/dist/css/${_name}.min.css" # output + # ---------------------------------------------------------------------------- + sassc -t compressed "${_src}" "${_fdest}" +} + +# ============================================================================== +# EXECUTION - START +# ============================================================================== +run_prepare "$@" +run_it "$@" +run_compress "$@" diff --git a/scripts/icons.bash b/scripts/icons.bash new file mode 100644 index 0000000..e1fb5c4 --- /dev/null +++ b/scripts/icons.bash @@ -0,0 +1,39 @@ +#!/bin/bash + +_dir="${2-$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)}" +_target="${_dir%/*}" # deleted slash +_dest="${_target%scripts}/dist/images/icons/" + +# ============================================================================== +# FUNCTIONS - START +# ============================================================================== +run_prepare() { + install -d -m755 "${_dest}" +} + +run_sun() +{ + local _name="${1-sun}" + local _src="${_target%scripts}/src/images/icons/${_name}.svg" # input + # copy sun.svg + if [[ -n "${_src}" ]]; then + cp -fv "${_src}" "${_dest}" + fi +} + +run_moon() +{ + local _name="${1-moon}" + local _src="${_target%scripts}/src/images/icons/${_name}.svg" # input + # copy moon.svg + if [[ -n "${_src}" ]]; then + cp -fv "${_src}" "${_dest}" + fi +} + +# ============================================================================== +# EXECUTION - START +# ============================================================================== +run_prepare "$@" +run_sun "$@" +run_moon "$@" diff --git a/scripts/js.bash b/scripts/js.bash new file mode 100644 index 0000000..0d16175 --- /dev/null +++ b/scripts/js.bash @@ -0,0 +1,27 @@ +#!/bin/bash + +_dir="${2-$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)}" +_target="${_dir%/*}" # deleted slash +_dest="${_target%scripts}/dist/js/" + +# ============================================================================== +# FUNCTIONS - START +# ============================================================================== +run_prepare() { + install -d -m755 "${_dest}" +} + +run_switch_storage() +{ + local _name="${1-switch-storage}" + local _src="${_target%scripts}/src/js/${_name}.js" # input + if [[ -n "${_src}" ]]; then + cp -fv "${_src}" "${_dest}" + fi +} + +# ============================================================================== +# EXECUTION - START +# ============================================================================== +run_prepare "$@" +run_switch_storage "$@" diff --git a/scripts/normalize.bash b/scripts/normalize.bash new file mode 100644 index 0000000..863ab1d --- /dev/null +++ b/scripts/normalize.bash @@ -0,0 +1,37 @@ +#!/bin/bash + +_dir="${2-$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)}" +_target="${_dir%/*}" # deleted slash +_dest="${_target%scripts}/dist/css/" + +# ============================================================================== +# FUNCTIONS - START +# ============================================================================== +run_prepare() { + install -d -m755 "${_dest}" +} + +run_it() +{ + local _name="${1-normalize}" + local _src="${_target%scripts}/src/scss/styles/${_name}.scss" # input + local _fdest="${_target%scripts}/dist/css/${_name}.css" # output + # ---------------------------------------------------------------------------- + sassc -t expanded "${_src}" "${_fdest}" +} + +run_compress() +{ + local _name="${1-normalize}" + local _src="${_target%scripts}/src/scss/styles/${_name}.scss" # input + local _fdest="${_target%scripts}/dist/css/${_name}.min.css" # output + # ---------------------------------------------------------------------------- + sassc -t compressed "${_src}" "${_fdest}" +} + +# ============================================================================== +# EXECUTION - START +# ============================================================================== +run_prepare "$@" +run_it "$@" +run_compress "$@" diff --git a/scripts/post.bash b/scripts/post.bash new file mode 100644 index 0000000..3cb46e9 --- /dev/null +++ b/scripts/post.bash @@ -0,0 +1,37 @@ +#!/bin/bash + +_dir="${2-$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)}" +_target="${_dir%/*}" # deleted slash +_dest="${_target%scripts}/dist/css/" + +# ============================================================================== +# FUNCTIONS - START +# ============================================================================== +run_prepare() { + install -d -m755 "${_dest}" +} + +run_it() +{ + local _name="${1-post}" + local _src="${_target%scripts}/src/scss/styles/${_name}.scss" # input + local _fdest="${_target%scripts}/dist/css/${_name}.css" # output + # ---------------------------------------------------------------------------- + sassc -t expanded "${_src}" "${_fdest}" +} + +run_compress() +{ + local _name="${1-post}" + local _src="${_target%scripts}/src/scss/styles/${_name}.scss" # input + local _fdest="${_target%scripts}/dist/css/${_name}.min.css" # output + # ---------------------------------------------------------------------------- + sassc -t compressed "${_src}" "${_fdest}" +} + +# ============================================================================== +# EXECUTION - START +# ============================================================================= +run_prepare "$@" +run_it "$@" +run_compress "$@" diff --git a/src/fonts/roboto/roboto-latin.woff2 b/src/fonts/roboto/roboto-latin.woff2 Binary files differnew file mode 100644 index 0000000..d4bf378 --- /dev/null +++ b/src/fonts/roboto/roboto-latin.woff2 diff --git a/src/images/icons/moon.svg b/src/images/icons/moon.svg new file mode 100644 index 0000000..fd32d1e --- /dev/null +++ b/src/images/icons/moon.svg @@ -0,0 +1 @@ +<svg width="12" height="12" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.492 10.511a8.177 8.177 0 0 1-1.877-8.593c.103-.281-.215-.53-.464-.364a8.16 8.16 0 0 0-1.31 1.09C.724 5.842.764 10.984 3.93 14.135a8.102 8.102 0 0 0 11.465-.024c.389-.39.73-.81 1.024-1.254a.31.31 0 0 0-.366-.461 8.102 8.102 0 0 1-8.56-1.885Z" fill="#FFD900"/><path d="M16.052 12.396a8.104 8.104 0 0 1-1.808.44 8.102 8.102 0 0 1-11-.409 8.13 8.13 0 0 1-1.422-1.905 8.115 8.115 0 0 0 2.107 3.613 8.102 8.102 0 0 0 11.465-.024c.389-.39.73-.81 1.024-1.254a.31.31 0 0 0-.366-.461Z" fill="#FB0"/></svg> diff --git a/src/images/icons/sun.svg b/src/images/icons/sun.svg new file mode 100644 index 0000000..bf8f032 --- /dev/null +++ b/src/images/icons/sun.svg @@ -0,0 +1 @@ +<svg width="12" height="12" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.4 1.8a.6.6 0 0 0 1.2 0V.6a.6.6 0 0 0-1.2 0v1.2Zm0 15.6a.6.6 0 1 0 1.2 0v-1.2a.6.6 0 0 0-1.2 0v1.2Zm7.8-9a.6.6 0 0 0 0 1.2h1.2a.6.6 0 1 0 0-1.2h-1.2ZM.6 8.4a.6.6 0 1 0 0 1.2h1.2a.6.6 0 0 0 0-1.2H.6Zm8.4 6A5.4 5.4 0 1 0 9 3.6a5.4 5.4 0 0 0 0 10.8Zm4.667-10.916a.6.6 0 1 0 .848.849l.849-.849a.6.6 0 0 0-.849-.848l-.848.848ZM2.636 14.515a.6.6 0 1 0 .848.849l.849-.849a.6.6 0 1 0-.849-.848l-.848.848Zm11.879-.848a.6.6 0 1 0-.848.848l.848.849a.6.6 0 0 0 .849-.849l-.849-.848ZM3.484 2.636a.6.6 0 1 0-.848.848l.848.849a.6.6 0 1 0 .849-.849l-.849-.848Z" fill="#FFD900"/><path d="M9 3.6c-.14 0-.28.005-.416.016a5.4 5.4 0 0 1 0 10.768A5.4 5.4 0 1 0 9 3.6Z" fill="#FB0"/><path d="M1.8 8.4H.967a.6.6 0 0 1 0 1.2H1.8a.6.6 0 0 0 0-1.2Zm15.6 0h-.833a.6.6 0 1 1 0 1.2h.833a.6.6 0 1 0 0-1.2ZM9 0a.598.598 0 0 0-.416.169.601.601 0 0 1 .183.431v1.2c0 .17-.07.322-.183.431A.6.6 0 0 0 9.6 1.8V.6a.6.6 0 0 0-.601-.6Zm0 15.6a.597.597 0 0 0-.416.169.601.601 0 0 1 .183.431v1.2c0 .17-.07.322-.183.431A.6.6 0 0 0 9.6 17.4v-1.2a.6.6 0 0 0-.601-.6Zm6.364-12.964a.6.6 0 0 0-.841-.007l.008.007a.6.6 0 0 1 0 .849l-.849.848-.008.007a.6.6 0 0 0 .841-.007l.849-.848a.6.6 0 0 0 0-.849Zm0 11.879-.849-.848a.6.6 0 0 0-.84-.007l.007.007.849.848a.6.6 0 0 1 0 .849l-.008.007a.6.6 0 0 0 .84-.856ZM4.333 3.485l-.849-.849a.6.6 0 0 0-.84-.008l.01.008.848.849a.6.6 0 0 1 0 .848l-.009.008a.6.6 0 0 0 .84-.857Zm0 10.182a.6.6 0 0 0-.84-.008l.009.008a.6.6 0 0 1 0 .848l-.849.849-.008.008a.6.6 0 0 0 .84-.008l.848-.849a.6.6 0 0 0 0-.848Z" fill="#FFD900"/></svg>
\ No newline at end of file diff --git a/src/js/switch-storage.js b/src/js/switch-storage.js new file mode 100644 index 0000000..fb200c4 --- /dev/null +++ b/src/js/switch-storage.js @@ -0,0 +1,13 @@ +// This code is only used to remember theme selection +const themeSwitch = document.getElementById('theme-switch'); +themeSwitch.checked = localStorage.getItem('switchedTheme') === 'true'; + +themeSwitch.addEventListener('change', function (e) { + if(e.currentTarget.checked === true) { + localStorage.setItem('switchedTheme', 'true'); + console.info('Add light theme to localstorage'); + } else { + localStorage.removeItem('switchedTheme'); + console.info('Remove light theme of localstorage'); + } +}); diff --git a/src/scss/styles/_base.scss b/src/scss/styles/_base.scss new file mode 100644 index 0000000..5af7492 --- /dev/null +++ b/src/scss/styles/_base.scss @@ -0,0 +1,153 @@ +body { + margin: 0px; + padding: 0px; + height: 100vh; +} + +.page { + display: grid; + grid-template-columns: 1fr; + grid-template-rows: repeat(2, auto); + grid-gap: 0px 0px; + grid-auto-flow: row; + grid-template-areas: + "aside" + "main"; + background-color: var(--s-background); +} + +.aside { + display: grid; + grid-template-columns: 1fr; + grid-template-rows: repeat(4, auto); + grid-gap: 1rem; + grid-template-areas: + "title" + "subtitle" + "form" + "a-nav" + "a-social"; + grid-area: aside; + background-color: var(--p-background); + justify-items: center; + align-content: start; + padding: 1rem 0px; + color: var(--aside-text); +} +.title { grid-area: title; } +.subtitle { grid-area: subtitle; } +.form { grid-area: form; } +.a-nav { grid-area: a-nav; } +.a-social { grid-area: a-social; } +.main { + grid-area: main; + color: var(--text); +} + +a { + cursor: pointer; + color: var(--link); + text-decoration: none; +} + +a:visited { + color: var(--link-visited); +} + +a:hover { + color: var(--link-hover); +} + +input[type="search"] { + background: var(--p-background); + color: var(--search-text); + width: 100%; + border-bottom: 1px solid var(--border); + border-top: 0px; + border-left: 0px; + border-right: 0px; + border-radius: 0px; + padding: 0.4rem 0.4rem; + outline: none; + box-shadow: none; +} + +.search-box { + text-align: center; +} + +.aside h1 { + margin: 1rem 0 0.5rem; +} + +.aside > nav > ul { + display: grid; + grid-template-columns: repeat(2, auto); + grid-gap: 1rem; + list-style-type: none; + margin: 0; + padding: 0; + justify-items: center; + align-items: center; +} + +.aside p { + margin: 0px 0px 1rem; + font-size: 0.95rem; +} + +.main nav { + text-align: center; + text-transform: uppercase; + padding: 1rem 0px; + border-bottom: 1px solid var(--border); +} + +.main nav a { + font-size: 0.8rem; + padding: 0 0.2rem; +} + +.main article { + margin: 0 8% 2%; +} + +.main footer { + display: grid; + justify-items: center; + padding-top: 0.2rem; + border-top: 1px solid var(--border); +} + +.main footer.credits p { + display: block; + text-align: center; +} + +hr { + border: 1px solid var(--border); + margin-top: 2rem; + margin-bottom: 2rem; +} + +@media (min-width: 768px) { + .page { + display: block; + } + .aside { + width: 25vw; + height: 100vh; + position: fixed; + z-index: 2; + top: 0; + left: 0; + } + .main { + min-height: 100vh; + position: relative; + padding-left: 25vw; + } + .main article { + max-width: 760px; + } +} diff --git a/src/scss/styles/_switch.scss b/src/scss/styles/_switch.scss new file mode 100644 index 0000000..7361ee5 --- /dev/null +++ b/src/scss/styles/_switch.scss @@ -0,0 +1,57 @@ +.theme-switch { + display: none; +} + +label[for=theme-switch] { + cursor: pointer; +} + +.theme-switch:checked ~ .page { + --text: var(--light-text); + --aside-text: var(--light-aside-text); + --p-background: var(--light-p-bg); + --s-background: var(--light-s-bg); + --link: var(--light-link); + --link-visited: var(--light-link-visited); + --link-hover: var(--light-link-hover); + --border: var(--light-border); + --button: var(--light-button); + --button-text: var(--light-button-text); + --button-hover: var(--light-button-hover); + --button-border: var(--light-button-border); + --search-text: var(--light-search-text); + --switch-icon: var(--light-switch-icon); + --switch-shadow-color: var(--light-switch-shadow); + --switch-p-bg: var(--light-switch-p-bg); + --switch-s-bg: var(--light-switch-s-bg); + --switch-border: var(--light-switch-border); + --switch-transform: var(--light-switch-transform); +} + +.switch-label { + display: inline-flex; + width: 35px; + height: 1rem; + border-radius: 1rem; + background-color: var(--switch-p-bg); + align-items: center; + align-content: center; +} + +.switch-label::before { + content: var(--switch-icon); + position: relative; + transition: text-shadow .2s; + background: var(--switch-s-bg); + border: 1px solid var(--switch-border); + border-radius: 50%; + transform: var(--switch-transform); + width: 18px; + height: 18px; +} + +.theme-switch:focus ~ .page .switch-label::before, +.switch-label:hover::before { + text-shadow: 0 0 15px var(--switch-shadow-color); + transition: transform 0.25s; +} diff --git a/src/scss/styles/_tipografia.scss b/src/scss/styles/_tipografia.scss new file mode 100644 index 0000000..4a9f3d4 --- /dev/null +++ b/src/scss/styles/_tipografia.scss @@ -0,0 +1,16 @@ +/* latin */ +@font-face { + font-family: 'Roboto Condensed'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: local('Roboto Condensed'), + local('RobotoCondensed-Regular'), + url(../fonts/roboto/roboto-latin.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +/* html/body/font-fixes */ +body, input, textarea, .button { + font-family: 'Roboto Condensed', Nimbus Sans, sans-serif; +} diff --git a/src/scss/styles/_variables.scss b/src/scss/styles/_variables.scss new file mode 100644 index 0000000..69c1662 --- /dev/null +++ b/src/scss/styles/_variables.scss @@ -0,0 +1,64 @@ +:root { + /* Light mode */ + --light-text: #000000; + --light-aside-text: #FFFFFF; + --light-p-bg: #080808; + --light-s-bg: #FFFFFF; + --light-link: #1976D2; + --light-link-visited: #7755FF; + --light-link-hover: #FFC20E; + --light-border: #1976D2; + --light-button: #004BA0; + --light-button-text: #FFFFFF; + --light-button-hover: #1976D2; + --light-button-border: #080808; + --light-search-text: #FFFFFF; + --light-switch-icon: url("/dist/images/icons/sun.svg"); + --light-switch-shadow: #373D4E; + --light-switch-p-bg: #1976d2; + --light-switch-s-bg: #FFFFFF; + --light-switch-border: #1976d2; + --light-switch-transform: translate(0%, 0%); + + /* Dark mode */ + --dark-text: #FFFFFF; + --dark-aside-text: #FFFFFF; + --dark-p-bg: #080808; + --dark-s-bg: #101010; + --dark-link: #1976D2; + --dark-link-visited: #7755FF; + --dark-link-hover: #FFC20E; + --dark-border: #1976D2; + --dark-button: #004BA0; + --dark-button-text: #FFFFFF; + --dark-button-hover: #1976D2; + --dark-button-border: #080808; + --dark-search-text: #FFFFFF; + --dark-switch-icon: url("/dist/images/icons/moon.svg"); + --dark-switch-shadow: #FCE477; + --dark-switch-p-bg: #1976d2; + --dark-switch-s-bg: #080808; + --dark-switch-border: #1976d2; + --dark-switch-transform: translate(74%, 0%); + + /* Default mode */ + --text: var(--dark-text); + --aside-text: var(--dark-aside-text); + --p-background: var(--dark-p-bg); + --s-background: var(--dark-s-bg); + --link: var(--dark-link); + --link-visited: var(--dark-link-visited); + --link-hover: var(--dark-link-hover); + --border: var(--dark-border); + --button: var(--dark-button); + --button-text: var(--dark-button-text); + --button-hover: var(--dark-button-hover); + --button-border: var(--dark-button-border); + --search-text: var(--dark-search-text); + --switch-icon: var(--dark-switch-icon); + --switch-shadow-color: var(--dark-switch-shadow); + --switch-p-bg: var(--dark-switch-p-bg); + --switch-s-bg: var(--dark-switch-s-bg); + --switch-border: var(--dark-switch-border); + --switch-transform: var(--dark-switch-transform); +} diff --git a/src/scss/styles/home.scss b/src/scss/styles/home.scss new file mode 100644 index 0000000..52b5f7a --- /dev/null +++ b/src/scss/styles/home.scss @@ -0,0 +1,13 @@ +@charset "utf-8"; +/*! + * Single CSS - Home + * Author: Jesus E. + * Version: 1.0.0 + * Licensed under GPLv3 (https://www.gnu.org/licenses/gpl-3.0.txt) + */ + +@import "variables"; +@import 'tipografia'; +@import "switch"; +@import "base"; +@import "home/_buttons.scss"; diff --git a/src/scss/styles/home/_buttons.scss b/src/scss/styles/home/_buttons.scss new file mode 100644 index 0000000..64f7a54 --- /dev/null +++ b/src/scss/styles/home/_buttons.scss @@ -0,0 +1,24 @@ +.button-container > a.button { + display: flex; + background-color: var(--button); + border-color: var(--button-border); + border-width: 1px; + box-shadow: none; + color: var(--button-text); + cursor: pointer; + margin: 1rem 0; + padding: 0.6rem; + text-align: center; + white-space: nowrap; + justify-content: center; +} + +.button-container > a.button:hover { + background-color: var(--button-hover); +} + +@media (min-width: 768px) { + .button-container > a.button { + display: inline-block; + } +} diff --git a/src/scss/styles/normalize.scss b/src/scss/styles/normalize.scss new file mode 100644 index 0000000..192eb9c --- /dev/null +++ b/src/scss/styles/normalize.scss @@ -0,0 +1,349 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ + +/* Document + ========================================================================== */ + +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ + +html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/* Sections + ========================================================================== */ + +/** + * Remove the margin in all browsers. + */ + +body { + margin: 0; +} + +/** + * Render the `main` element consistently in IE. + */ + +main { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Remove the gray background on active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove the border on images inside links in IE 10. + */ + +img { + border-style: none; +} + +/* Forms + ========================================================================== */ + +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, +select { /* 1 */ + text-transform: none; +} + +/** + * Correct the inability to style clickable types in iOS and Safari. + */ + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Correct the padding in Firefox. + */ + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + vertical-align: baseline; +} + +/** + * Remove the default vertical scrollbar in IE 10+. + */ + +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ + +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + ========================================================================== */ + +/* + * Add the correct display in Edge, IE 10+, and Firefox. + */ + +details { + display: block; +} + +/* + * Add the correct display in all browsers. + */ + +summary { + display: list-item; +} + +/* Misc + ========================================================================== */ + +/** + * Add the correct display in IE 10+. + */ + +template { + display: none; +} + +/** + * Add the correct display in IE 10. + */ + +[hidden] { + display: none; +} diff --git a/src/scss/styles/post.scss b/src/scss/styles/post.scss new file mode 100644 index 0000000..5f411a0 --- /dev/null +++ b/src/scss/styles/post.scss @@ -0,0 +1,12 @@ +@charset "utf-8"; +/*! + * Single CSS - Post + * Author: Jesus E. + * Version: 1.0.0 + * Licensed under GPLv3 (https://www.gnu.org/licenses/gpl-3.0.txt) + */ + +@import "variables"; +@import 'tipografia'; +@import "switch"; +@import "base"; |