commit 857d62bcbdb6f7ac10b528222819d957e186e00d Author: Kay Date: Tue Jan 17 18:28:03 2023 +0100 newlicense diff --git a/.README.template.md b/.README.template.md new file mode 100644 index 0000000..0246bbd --- /dev/null +++ b/.README.template.md @@ -0,0 +1,3 @@ +## install + +latest version is available at https://letrl.comfy.center/ diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml new file mode 100644 index 0000000..f79ba1b --- /dev/null +++ b/.gitlab-ci.yml @@ -0,0 +1,27 @@ +--- +include: + - template: Auto-DevOps.gitlab-ci.yml + - project: "kay/ci-templates" + file: + - "/Semantic-Release.gitlab-ci.yml" + +variables: + TEST_DISABLED: "true" + # CODE_QUALITY_DISABLED: "true" + # LICENSE_MANAGEMENT_DISABLED: "true" + # BROWSER_PERFORMANCE_DISABLED: "true" + # LOAD_PERFORMANCE_DISABLED: "true" + # SAST_DISABLED: "true" + # SECRET_DETECTION_DISABLED: "true" + # DEPENDENCY_SCANNING_DISABLED: "true" + # CONTAINER_SCANNING_DISABLED: "true" + # DAST_DISABLED: "true" + # REVIEW_DISABLED: "true" + # CODE_INTELLIGENCE_DISABLED: "true" + # CLUSTER_IMAGE_SCANNING_DISABLED: "true" + POSTGRES_ENABLED: "false" + # INCREMENTAL_ROLLOUT_MODE: "manual" + +production: + environment: + url: "http://$CI_PROJECT_NAME.$KUBE_INGRESS_BASE_DOMAIN" diff --git a/CHANGELOG.md b/CHANGELOG.md new file mode 100644 index 0000000..b66c3c4 --- /dev/null +++ b/CHANGELOG.md @@ -0,0 +1,20 @@ +# [1.2.0](https://code.eutychia.org/kay/letrl/compare/v1.1.0...v1.2.0) (2022-06-26) + + +### Features + +* Update readme ([c6d22c2](https://code.eutychia.org/kay/letrl/commit/c6d22c245162ae347cd4bc2748880bcc90fa1408)) + +# [1.1.0](https://code.eutychia.org/kay/letrl/compare/v1.0.0...v1.1.0) (2022-06-26) + + +### Features + +* Update readme ([96724b9](https://code.eutychia.org/kay/letrl/commit/96724b922e6ef3b35b23f091ed30af8378822a41)) + +# 1.0.0 (2022-06-26) + + +### Features + +* Add semantic release ([faa18a8](https://code.eutychia.org/kay/letrl/commit/faa18a8bc403e549a611a04265d66944228edb98)) diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..291e699 --- /dev/null +++ b/Dockerfile @@ -0,0 +1,6 @@ +FROM registry.hub.docker.com/library/nginx:alpine +WORKDIR /usr/share/nginx/html +COPY ./public . +COPY nginx.conf /etc/nginx/ +EXPOSE 5000 +CMD ["nginx", "-g", "daemon off;"] diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..614035b --- /dev/null +++ b/LICENSE @@ -0,0 +1,459 @@ +Attribution-NonCommercial-ShareAlike 4.0 International AntiFascistEdit + +======================================================================= + +Creative Commons Corporation ("Creative Commons") is not a law firm and +does not provide legal services or legal advice. Distribution of +Creative Commons public licenses does not create a lawyer-client or +other relationship. Creative Commons makes its licenses and related +information available on an "as-is" basis. Creative Commons gives no +warranties regarding its licenses, any material licensed under their +terms and conditions, or any related information. Creative Commons +disclaims all liability for damages resulting from their use to the +fullest extent possible. + +Using Creative Commons Public Licenses + +Creative Commons public licenses provide a standard set of terms and +conditions that creators and other rights holders may use to share +original works of authorship and other material subject to copyright +and certain other rights specified in the public license below. The +following considerations are for informational purposes only, are not +exhaustive, and do not form part of our licenses. + + Considerations for licensors: Our public licenses are + intended for use by those authorized to give the public + permission to use material in ways otherwise restricted by + copyright and certain other rights. Our licenses are + irrevocable. Licensors should read and understand the terms + and conditions of the license they choose before applying it. + Licensors should also secure all rights necessary before + applying our licenses so that the public can reuse the + material as expected. Licensors should clearly mark any + material not subject to the license. This includes other CC- + licensed material, or material used under an exception or + limitation to copyright. More considerations for licensors: + wiki.creativecommons.org/Considerations_for_licensors + + Considerations for the public: By using one of our public + licenses, a licensor grants the public permission to use the + licensed material under specified terms and conditions. If + the licensor's permission is not necessary for any reason--for + example, because of any applicable exception or limitation to + copyright--then that use is not regulated by the license. Our + licenses grant only permissions under copyright and certain + other rights that a licensor has authority to grant. Use of + the licensed material may still be restricted for other + reasons, including because others have copyright or other + rights in the material. A licensor may make special requests, + such as asking that all changes be marked or described. + Although not required by our licenses, you are encouraged to + respect those requests where reasonable. More considerations + for the public: + wiki.creativecommons.org/Considerations_for_licensees + +======================================================================= + +Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International +Public License + +By exercising the Licensed Rights (defined below), You accept and agree +to be bound by the terms and conditions of this Creative Commons +Attribution-NonCommercial-ShareAlike 4.0 International Public License +("Public License"). To the extent this Public License may be +interpreted as a contract, You are granted the Licensed Rights in +consideration of Your acceptance of these terms and conditions, and the +Licensor grants You such rights in consideration of benefits the +Licensor receives from making the Licensed Material available under +these terms and conditions. + + +Section 1 -- Definitions. + + a. Adapted Material means material subject to Copyright and Similar + Rights that is derived from or based upon the Licensed Material + and in which the Licensed Material is translated, altered, + arranged, transformed, or otherwise modified in a manner requiring + permission under the Copyright and Similar Rights held by the + Licensor. For purposes of this Public License, where the Licensed + Material is a musical work, performance, or sound recording, + Adapted Material is always produced where the Licensed Material is + synched in timed relation with a moving image. + + b. Adapter's License means the license You apply to Your Copyright + and Similar Rights in Your contributions to Adapted Material in + accordance with the terms and conditions of this Public License. + + c. BY-NC-SA Compatible License means a license listed at + creativecommons.org/compatiblelicenses, approved by Creative + Commons as essentially the equivalent of this Public License. + + d. Copyright and Similar Rights means copyright and/or similar rights + closely related to copyright including, without limitation, + performance, broadcast, sound recording, and Sui Generis Database + Rights, without regard to how the rights are labeled or + categorized. For purposes of this Public License, the rights + specified in Section 2(b)(1)-(2) are not Copyright and Similar + Rights. + + e. Effective Technological Measures means those measures that, in the + absence of proper authority, may not be circumvented under laws + fulfilling obligations under Article 11 of the WIPO Copyright + Treaty adopted on December 20, 1996, and/or similar international + agreements. + + f. Exceptions and Limitations means fair use, fair dealing, and/or + any other exception or limitation to Copyright and Similar Rights + that applies to Your use of the Licensed Material. + + g. License Elements means the license attributes listed in the name + of a Creative Commons Public License. The License Elements of this + Public License are Attribution, NonCommercial, and ShareAlike. + + h. Licensed Material means the artistic or literary work, database, + or other material to which the Licensor applied this Public + License. + + i. Licensed Rights means the rights granted to You subject to the + terms and conditions of this Public License, which are limited to + all Copyright and Similar Rights that apply to Your use of the + Licensed Material and that the Licensor has authority to license. + + j. Licensor means the individual(s) or entity(ies) granting rights + under this Public License. + + k. NonCommercial means not primarily intended for or directed towards + commercial advantage or monetary compensation. For purposes of + this Public License, the exchange of the Licensed Material for + other material subject to Copyright and Similar Rights by digital + file-sharing or similar means is NonCommercial provided there is + no payment of monetary compensation in connection with the + exchange. + + l. Share means to provide material to the public by any means or + process that requires permission under the Licensed Rights, such + as reproduction, public display, public performance, distribution, + dissemination, communication, or importation, and to make material + available to the public including in ways that members of the + public may access the material from a place and at a time + individually chosen by them. + + m. Sui Generis Database Rights means rights other than copyright + resulting from Directive 96/9/EC of the European Parliament and of + the Council of 11 March 1996 on the legal protection of databases, + as amended and/or succeeded, as well as other essentially + equivalent rights anywhere in the world. + + n. You means the individual or entity exercising the Licensed Rights + under this Public License. Your has a corresponding meaning. + + +Section 2 -- Scope. + + a. License grant. + + 1. Subject to the terms and conditions of this Public License, + the Licensor hereby grants You a worldwide, royalty-free, + non-sublicensable, non-exclusive, irrevocable license to + exercise the Licensed Rights in the Licensed Material to: + + a. reproduce and Share the Licensed Material, in whole or + in part, for NonCommercial purposes only; and + + b. produce, reproduce, and Share Adapted Material for + NonCommercial purposes only. + + 2. Exceptions and Limitations. For the avoidance of doubt, where + Exceptions and Limitations apply to Your use, this Public + License does not apply, and You do not need to comply with + its terms and conditions. + + 3. Term. The term of this Public License is specified in Section + 6(a). + + 4. Media and formats; technical modifications allowed. The + Licensor authorizes You to exercise the Licensed Rights in + all media and formats whether now known or hereafter created, + and to make technical modifications necessary to do so. The + Licensor waives and/or agrees not to assert any right or + authority to forbid You from making technical modifications + necessary to exercise the Licensed Rights, including + technical modifications necessary to circumvent Effective + Technological Measures. For purposes of this Public License, + simply making modifications authorized by this Section 2(a) + (4) never produces Adapted Material. + + 5. Downstream recipients. + + a. Offer from the Licensor -- Licensed Material. Every + recipient of the Licensed Material automatically + receives an offer from the Licensor to exercise the + Licensed Rights under the terms and conditions of this + Public License. + + b. Additional offer from the Licensor -- Adapted Material. + Every recipient of Adapted Material from You + automatically receives an offer from the Licensor to + exercise the Licensed Rights in the Adapted Material + under the conditions of the Adapter's License You apply. + + c. No downstream restrictions. You may not offer or impose + any additional or different terms or conditions on, or + apply any Effective Technological Measures to, the + Licensed Material if doing so restricts exercise of the + Licensed Rights by any recipient of the Licensed + Material. + + 6. No endorsement. Nothing in this Public License constitutes or + may be construed as permission to assert or imply that You + are, or that Your use of the Licensed Material is, connected + with, or sponsored, endorsed, or granted official status by, + the Licensor or others designated to receive attribution as + provided in Section 3(a)(1)(A)(i). + + b. Other rights. + + 1. Moral rights, such as the right of integrity, are not + licensed under this Public License, nor are publicity, + privacy, and/or other similar personality rights; however, to + the extent possible, the Licensor waives and/or agrees not to + assert any such rights held by the Licensor to the limited + extent necessary to allow You to exercise the Licensed + Rights, but not otherwise. + + 2. Patent and trademark rights are not licensed under this + Public License. + + 3. To the extent possible, the Licensor waives any right to + collect royalties from You for the exercise of the Licensed + Rights, whether directly or through a collecting society + under any voluntary or waivable statutory or compulsory + licensing scheme. In all other cases the Licensor expressly + reserves any right to collect such royalties, including when + the Licensed Material is used other than for NonCommercial + purposes. + + +Section 3 -- License Conditions. + +Your exercise of the Licensed Rights is expressly made subject to the +following conditions. + + a. Attribution. + + 1. If You Share the Licensed Material (including in modified + form), You must: + + a. retain the following if it is supplied by the Licensor + with the Licensed Material: + + i. identification of the creator(s) of the Licensed + Material and any others designated to receive + attribution, in any reasonable manner requested by + the Licensor (including by pseudonym if + designated); + + ii. a copyright notice; + + iii. a notice that refers to this Public License; + + iv. a notice that refers to the disclaimer of + warranties; + + v. a URI or hyperlink to the Licensed Material to the + extent reasonably practicable; + + b. indicate if You modified the Licensed Material and + retain an indication of any previous modifications; and + + c. indicate the Licensed Material is licensed under this + Public License, and include the text of, or the URI or + hyperlink to, this Public License. + + 2. You may satisfy the conditions in Section 3(a)(1) in any + reasonable manner based on the medium, means, and context in + which You Share the Licensed Material. For example, it may be + reasonable to satisfy the conditions by providing a URI or + hyperlink to a resource that includes the required + information. + 3. If requested by the Licensor, You must remove any of the + information required by Section 3(a)(1)(A) to the extent + reasonably practicable. + + b. ShareAlike. + + In addition to the conditions in Section 3(a), if You Share + Adapted Material You produce, the following conditions also apply. + + 1. The Adapter's License You apply must be a Creative Commons + license with the same License Elements, this version or + later, or a BY-NC-SA Compatible License. + + 2. You must include the text of, or the URI or hyperlink to, the + Adapter's License You apply. You may satisfy this condition + in any reasonable manner based on the medium, means, and + context in which You Share Adapted Material. + + 3. You may not offer or impose any additional or different terms + or conditions on, or apply any Effective Technological + Measures to, Adapted Material that restrict exercise of the + rights granted under the Adapter's License You apply. + + +Section 4 -- Sui Generis Database Rights. + +Where the Licensed Rights include Sui Generis Database Rights that +apply to Your use of the Licensed Material: + + a. for the avoidance of doubt, Section 2(a)(1) grants You the right + to extract, reuse, reproduce, and Share all or a substantial + portion of the contents of the database for NonCommercial purposes + only; + + b. if You include all or a substantial portion of the database + contents in a database in which You have Sui Generis Database + Rights, then the database in which You have Sui Generis Database + Rights (but not its individual contents) is Adapted Material, + including for purposes of Section 3(b); and + + c. You must comply with the conditions in Section 3(a) if You Share + all or a substantial portion of the contents of the database. + +For the avoidance of doubt, this Section 4 supplements and does not +replace Your obligations under this Public License where the Licensed +Rights include other Copyright and Similar Rights. + + +Section 5 -- Disclaimer of Warranties and Limitation of Liability. + + a. UNLESS OTHERWISE SEPARATELY UNDERTAKEN BY THE LICENSOR, TO THE + EXTENT POSSIBLE, THE LICENSOR OFFERS THE LICENSED MATERIAL AS-IS + AND AS-AVAILABLE, AND MAKES NO REPRESENTATIONS OR WARRANTIES OF + ANY KIND CONCERNING THE LICENSED MATERIAL, WHETHER EXPRESS, + IMPLIED, STATUTORY, OR OTHER. THIS INCLUDES, WITHOUT LIMITATION, + WARRANTIES OF TITLE, MERCHANTABILITY, FITNESS FOR A PARTICULAR + PURPOSE, NON-INFRINGEMENT, ABSENCE OF LATENT OR OTHER DEFECTS, + ACCURACY, OR THE PRESENCE OR ABSENCE OF ERRORS, WHETHER OR NOT + KNOWN OR DISCOVERABLE. WHERE DISCLAIMERS OF WARRANTIES ARE NOT + ALLOWED IN FULL OR IN PART, THIS DISCLAIMER MAY NOT APPLY TO YOU. + + b. TO THE EXTENT POSSIBLE, IN NO EVENT WILL THE LICENSOR BE LIABLE + TO YOU ON ANY LEGAL THEORY (INCLUDING, WITHOUT LIMITATION, + NEGLIGENCE) OR OTHERWISE FOR ANY DIRECT, SPECIAL, INDIRECT, + INCIDENTAL, CONSEQUENTIAL, PUNITIVE, EXEMPLARY, OR OTHER LOSSES, + COSTS, EXPENSES, OR DAMAGES ARISING OUT OF THIS PUBLIC LICENSE OR + USE OF THE LICENSED MATERIAL, EVEN IF THE LICENSOR HAS BEEN + ADVISED OF THE POSSIBILITY OF SUCH LOSSES, COSTS, EXPENSES, OR + DAMAGES. WHERE A LIMITATION OF LIABILITY IS NOT ALLOWED IN FULL OR + IN PART, THIS LIMITATION MAY NOT APPLY TO YOU. + + c. The disclaimer of warranties and limitation of liability provided + above shall be interpreted in a manner that, to the extent + possible, most closely approximates an absolute disclaimer and + waiver of all liability. + + +Section 6 -- Term and Termination. + + a. This Public License applies for the term of the Copyright and + Similar Rights licensed here. However, if You fail to comply with + this Public License, then Your rights under this Public License + terminate automatically. + + b. Where Your right to use the Licensed Material has terminated under + Section 6(a), it reinstates: + + 1. automatically as of the date the violation is cured, provided + it is cured within 30 days of Your discovery of the + violation; or + + 2. upon express reinstatement by the Licensor. + + For the avoidance of doubt, this Section 6(b) does not affect any + right the Licensor may have to seek remedies for Your violations + of this Public License. + + c. For the avoidance of doubt, the Licensor may also offer the + Licensed Material under separate terms or conditions or stop + distributing the Licensed Material at any time; however, doing so + will not terminate this Public License. + + d. Sections 1, 5, 6, 7, and 8 survive termination of this Public + License. + + +Section 7 -- Other Terms and Conditions. + + a. The Licensor shall not be bound by any additional or different + terms or conditions communicated by You unless expressly agreed. + + b. Any arrangements, understandings, or agreements regarding the + Licensed Material not stated herein are separate from and + independent of the terms and conditions of this Public License. + + c. The License does not apply and no license is granted for + taking action on behalf of a Nation or State or Government, + be it military, law enforcement, agent, spy, hacker, developer, + this list is not exhaustive. + + d. The License does not apply and no license is granted to actors + taking action to oppress, harm, injure, kill, whether + physically or psycholocially. + + e. The License does not apply and no license is granted to actors + acting on behalf of any party previously found guilty of committing + war crimes at any point in time. + + f. The License does not apply and no license is granted to actors + acting on behalf of any party previously found not respecting the + Universal Declaration of Human Rights at any point in time. + + g. The License does not apply and no license is granted to actors + acting with the intent of surveilling a population or the intent of + gathering information on spefific or non-specific populations and/or + target demographics. + + +Section 8 -- Interpretation. + + a. For the avoidance of doubt, this Public License does not, and + shall not be interpreted to, reduce, limit, restrict, or impose + conditions on any use of the Licensed Material that could lawfully + be made without permission under this Public License. + + b. To the extent possible, if any provision of this Public License is + deemed unenforceable, it shall be automatically reformed to the + minimum extent necessary to make it enforceable. If the provision + cannot be reformed, it shall be severed from this Public License + without affecting the enforceability of the remaining terms and + conditions. + + c. No term or condition of this Public License will be waived and no + failure to comply consented to unless expressly agreed to by the + Licensor. + + d. Nothing in this Public License constitutes or may be interpreted + as a limitation upon, or waiver of, any privileges and immunities + that apply to the Licensor or You, including from the legal + processes of any jurisdiction or authority. + +======================================================================= + +Creative Commons is not a party to its public +licenses. Notwithstanding, Creative Commons may elect to apply one of +its public licenses to material it publishes and in those instances +will be considered the “Licensor.” The text of the Creative Commons +public licenses is dedicated to the public domain under the CC0 Public +Domain Dedication. Except for the limited purpose of indicating that +material is shared under a Creative Commons public license or as +otherwise permitted by the Creative Commons policies published at +creativecommons.org/policies, Creative Commons does not authorize the +use of the trademark "Creative Commons" or any other trademark or logo +of Creative Commons without its prior written consent including, +without limitation, in connection with any unauthorized modifications +to any of its public licenses or any other arrangements, +understandings, or agreements concerning use of licensed material. For +the avoidance of doubt, this paragraph does not form part of the +public licenses. + +Creative Commons may be contacted at creativecommons.org. diff --git a/README.md b/README.md new file mode 100644 index 0000000..ff59fd4 --- /dev/null +++ b/README.md @@ -0,0 +1,61 @@ +# [letrl](https://code.juke.fr/kay/letrl) +(gay) wordle spinoff letter game available on letrl.comfy.center + +## install + +latest version is available at https://letrl.comfy.center/ + + +## License + +Most all of my work is now licensed under **a modified** [CC-BY-NC-SA 4.0 AFEdit](https://code.juke.fr/kay/license/raw/branch/main/LICENSE) plus accounting for states existing in our world on top of capitalism. + +This is a weird choice for code right? + +Here are a few key reasons: +- my definition of "open" involves being able to share and modify, you are able to do such things, just not make money off of it, or oppress people +- my definition of "free" involves being able to share and modify, you are able to do such things, not just make money off of it, or oppressing people + +So no, amongst other things, this list is not exhaustive, +- you cannot have somebody work on my tool and redistribute it to your employees +- you cannot resell copies of this because in this age distribution is not done with floppy disks and the internet is a thing +- you cannot use it to generate revenue yourself +- you cannot use it to "generate value" in a capitalistic sense +- you cannot use it in any military capacity +- you cannot use it in any law enforcement capacity +- you cannot use it in any state backed capacity +- you cannot use it in any surveillance capacity +- you cannot use it if you represent the interests of a state +- you cannot use it to oppress, spy, control in any capacity +- you cannot use it to injure, harm, kill, whether physically or psychologically + +You can, however, +- change it to do whatever you please +- share it to anyone you please with attribution and under the same license +- use it as much as you please +- and probably a bunch of other cool things that are possible outside of a capitalistic, imperialistic frame of reference that permeates the tech scene + +Most of the "arguments" for how "free" and "open" source licenses are done still to this day stem from archaic concepts that might not even be relevant these days and I fail to see the issue with this license not being "interoperable" with a bunch of what I deem to be "bad" licenses, as they all allow for commercial usage. + +I also will not make any attempts to monetize these works and will at most ever offer the possibility to donate to me directly if you enjoy what I do. + +Thank you that is all. + +## Development + +To clone the repository locally: + +```bash +$ git clone https://code.juke.fr/kay/letrl.git +``` + +## Contributing + +More to come later. + +### Issues +Open new issues by mailing [eutychia.gitlab+letrl-issue@gmail.com](mailto:eutychia.gitlab+letrl-issue@gmail.com) + +--- +beep boop + diff --git a/nginx.conf b/nginx.conf new file mode 100644 index 0000000..4b47614 --- /dev/null +++ b/nginx.conf @@ -0,0 +1,24 @@ +user root; +worker_processes auto; + +error_log /var/log/nginx/error.log warn; + +events { + worker_connections 1024; +} + +http { + include /etc/nginx/mime.types; + default_type application/octet-stream; + sendfile off; + access_log off; + keepalive_timeout 3000; + server { + listen 5000; + root /usr/share/nginx/html; + index index.html; + server_name localhost; + client_max_body_size 16m; + } +} + diff --git a/package.json b/package.json new file mode 100644 index 0000000..f9c14e8 --- /dev/null +++ b/package.json @@ -0,0 +1,12 @@ +{ + "name": "@kay/letrl", + "version": "1.2.0", + "description": "", + "main": "index.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "keywords": [], + "author": "", + "license": "ISC" +} diff --git a/public/favicon.ico b/public/favicon.ico new file mode 100644 index 0000000..538e26c Binary files /dev/null and b/public/favicon.ico differ diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..0713727 --- /dev/null +++ b/public/index.html @@ -0,0 +1,113 @@ + + + + + + + + letrl + + + + + + + +
+ + get the srouce cod for poject +
+
+
+
+ +

letrl, an gay letr gaem

+
+
+ + +
+
+ +
+

+ note: letter are randonly select + fron bottom keysmashs +

+
+
+
+ +
+ + + + + diff --git a/public/main.css b/public/main.css new file mode 100644 index 0000000..1f8f875 --- /dev/null +++ b/public/main.css @@ -0,0 +1,1011 @@ +/* yoinked from terminalcss.xyz */ + +:root { + --global-font-size: 15px; + --global-line-height: 1.4em; + --global-space: 10px; + --font-stack: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; + --mono-font-stack: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; + --background-color: #fff; + --page-width: 60em; + --font-color: #151515; + --invert-font-color: #fff; + --primary-color: #1a95e0; + --secondary-color: #727578; + --error-color: #d20962; + --progress-bar-background: #727578; + --progress-bar-fill: #151515; + --code-bg-color: #e8eff2; + --input-style: solid; + --display-h1-decoration: none +} + +* { + box-sizing: border-box; + text-rendering: geometricPrecision +} + +::-moz-selection { + background: var(--primary-color); + color: var(--invert-font-color) +} + +::selection { + background: var(--primary-color); + color: var(--invert-font-color) +} + +body { + font-size: var(--global-font-size); + color: var(--font-color); + line-height: var(--global-line-height); + margin: 0; + font-family: var(--font-stack); + word-wrap: break-word; + background-color: var(--background-color) +} + +.logo, +h1, +h2, +h3, +h4, +h5, +h6 { + line-height: var(--global-line-height) +} + +a { + cursor: pointer; + color: var(--primary-color); + text-decoration: none +} + +a:hover { + background-color: var(--primary-color); + color: var(--invert-font-color) +} + +em { + font-size: var(--global-font-size); + font-style: italic; + font-family: var(--font-stack); + color: var(--font-color) +} + +blockquote, +code, +em, +strong { + line-height: var(--global-line-height) +} + +.logo, +blockquote, +code, +footer, +h1, +h2, +h3, +h4, +h5, +h6, +header, +li, +ol, +p, +section, +ul { + float: none; + margin: 0; + padding: 0 +} + +.logo, +blockquote, +h1, +ol, +p, +ul { + margin-top: calc(var(--global-space) * 2); + margin-bottom: calc(var(--global-space) * 2) +} + +.logo, +h1 { + position: relative; + display: inline-block; + display: table-cell; + padding: calc(var(--global-space) * 2) 0 calc(var(--global-space) * 2); + margin: 0; + overflow: hidden; + font-weight: 600 +} + +h1::after { + content: "===================================================================================================="; + position: absolute; + bottom: 5px; + left: 0; + display: var(--display-h1-decoration) +} + +.logo+*, +h1+* { + margin-top: 0 +} + +h2, +h3, +h4, +h5, +h6 { + position: relative; + margin-bottom: var(--global-line-height); + font-weight: 600 +} + +blockquote { + position: relative; + padding-left: calc(var(--global-space) * 2); + padding-left: 2ch; + overflow: hidden +} + +blockquote::after { + content: ">\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>"; + white-space: pre; + position: absolute; + top: 0; + left: 0; + line-height: var(--global-line-height); + color: #9ca2ab +} + +code { + font-weight: inherit; + background-color: var(--code-bg-color); + font-family: var(--mono-font-stack) +} + +code::after, +code::before { + content: "`"; + display: inline +} + +pre code::after, +pre code::before { + content: "" +} + +pre { + display: block; + word-break: break-all; + word-wrap: break-word; + color: var(--secondary-color); + background-color: var(--background-color); + border: 1px solid var(--secondary-color); + padding: var(--global-space); + white-space: pre-wrap; + white-space: -moz-pre-wrap; + white-space: -pre-wrap; + white-space: -o-pre-wrap +} + +pre code { + overflow-x: scroll; + padding: 0; + margin: 0; + display: inline-block; + min-width: 100%; + font-family: var(--mono-font-stack) +} + +.terminal .logo, +.terminal blockquote, +.terminal code, +.terminal h1, +.terminal h2, +.terminal h3, +.terminal h4, +.terminal h5, +.terminal h6, +.terminal strong { + font-size: var(--global-font-size); + font-style: normal; + font-family: var(--font-stack); + color: var(--font-color) +} + +.terminal-prompt { + position: relative; + white-space: nowrap +} + +.terminal-prompt::before { + content: "> " +} + +.terminal-prompt::after { + content: ""; + -webkit-animation: cursor .8s infinite; + animation: cursor .8s infinite; + background: var(--primary-color); + border-radius: 0; + display: inline-block; + height: 1em; + margin-left: .2em; + width: 3px; + bottom: -2px; + position: relative +} + +@-webkit-keyframes cursor { + 0% { + opacity: 0 + } + + 50% { + opacity: 1 + } + + to { + opacity: 0 + } +} + +@keyframes cursor { + 0% { + opacity: 0 + } + + 50% { + opacity: 1 + } + + to { + opacity: 0 + } +} + +li, +li>ul>li { + position: relative; + display: block; + padding-left: calc(var(--global-space) * 2) +} + +nav>ul>li { + padding-left: 0 +} + +li::after { + position: absolute; + top: 0; + left: 0 +} + +ul>li::after { + content: "-" +} + +nav ul>li::after { + content: "" +} + +ol li::before { + content: counters(item, ".") ". "; + counter-increment: item +} + +ol ol li::before { + content: counters(item, ".") " "; + counter-increment: item +} + +.terminal-menu li::after, +.terminal-menu li::before { + display: none +} + +ol { + counter-reset: item +} + +ol li:nth-child(n+10)::after { + left: -7px +} + +ol ol { + margin-top: 0; + margin-bottom: 0 +} + +.terminal-menu { + width: 100% +} + +.terminal-nav { + display: flex; + flex-direction: column; + align-items: flex-start +} + +ul ul { + margin-top: 0; + margin-bottom: 0 +} + +.terminal-menu ul { + list-style-type: none; + padding: 0 !important; + display: flex; + flex-direction: column; + width: 100%; + flex-grow: 1; + font-size: var(--global-font-size); + margin-top: 0 +} + +.terminal-menu li { + display: flex; + margin: 0 0 .5em 0; + padding: 0 +} + +ol.terminal-toc li { + border-bottom: 1px dotted var(--secondary-color); + padding: 0; + margin-bottom: 15px +} + +.terminal-menu li:last-child { + margin-bottom: 0 +} + +ol.terminal-toc li a { + margin: 4px 4px 4px 0; + background: var(--background-color); + position: relative; + top: 6px; + text-align: left; + padding-right: 4px +} + +.terminal-menu li a:not(.btn) { + text-decoration: none; + display: block; + width: 100%; + border: none; + color: var(--secondary-color) +} + +.terminal-menu li a.active { + color: var(--font-color) +} + +.terminal-menu li a:hover { + background: 0 0; + color: inherit +} + +ol.terminal-toc li::before { + content: counters(item, ".") ". "; + counter-increment: item; + position: absolute; + right: 0; + background: var(--background-color); + padding: 4px 0 4px 4px; + bottom: -8px +} + +ol.terminal-toc li a:hover { + background: var(--primary-color); + color: var(--invert-font-color) +} + +hr { + position: relative; + overflow: hidden; + margin: calc(var(--global-space) * 4) 0; + border: 0; + border-bottom: 1px dashed var(--secondary-color) +} + +p { + margin: 0 0 var(--global-line-height); + color: var(--global-font-color) +} + +.container { + max-width: var(--page-width) +} + +.container, +.container-fluid { + margin: 0 auto; + padding: 0 calc(var(--global-space) * 2) +} + +img { + width: 100% +} + +.progress-bar { + height: 8px; + background-color: var(--progress-bar-background); + margin: 12px 0 +} + +.progress-bar.progress-bar-show-percent { + margin-top: 38px +} + +.progress-bar-filled { + background-color: var(--progress-bar-fill); + height: 100%; + transition: width .3s ease; + position: relative; + width: 0 +} + +.progress-bar-filled::before { + content: ""; + border: 6px solid transparent; + border-top-color: var(--progress-bar-fill); + position: absolute; + top: -12px; + right: -6px +} + +.progress-bar-filled::after { + color: var(--progress-bar-fill); + content: attr(data-filled); + display: block; + font-size: 12px; + white-space: nowrap; + position: absolute; + border: 6px solid transparent; + top: -38px; + right: 0; + transform: translateX(50%) +} + +.progress-bar-no-arrow>.progress-bar-filled::after, +.progress-bar-no-arrow>.progress-bar-filled::before { + content: ""; + display: none; + visibility: hidden; + opacity: 0 +} + +table { + width: 100%; + border-collapse: collapse; + margin: var(--global-line-height) 0; + color: var(--font-color); + font-size: var(--global-font-size) +} + +table td, +table th { + vertical-align: top; + border: 1px solid var(--font-color); + line-height: var(--global-line-height); + padding: calc(var(--global-space)/ 2); + font-size: 1em +} + +table thead th { + font-size: 1em +} + +table tfoot tr th { + font-weight: 500 +} + +table caption { + font-size: 1em; + margin: 0 0 1em 0 +} + +table tbody td:first-child { + font-weight: 700; + color: var(--secondary-color) +} + +.form { + width: 100% +} + +fieldset { + border: 1px solid var(--font-color); + padding: 1em +} + +label { + font-size: 1em; + color: var(--font-color) +} + +input[type=email], +input[type=number], +input[type=password], +input[type=search], +input[type=text] { + border: 1px var(--input-style) var(--font-color); + width: 100%; + padding: .7em .5em; + font-size: 1em; + font-family: var(--font-stack); + -webkit-appearance: none; + border-radius: 0 +} + +input[type=email]:active, +input[type=email]:focus, +input[type=number]:active, +input[type=number]:focus, +input[type=password]:active, +input[type=password]:focus, +input[type=search]:active, +input[type=search]:focus, +input[type=text]:active, +input[type=text]:focus { + outline: 0; + -webkit-appearance: none; + border: 1px solid var(--font-color) +} + +input[type=email]:not(:placeholder-shown):invalid, +input[type=number]:not(:placeholder-shown):invalid, +input[type=password]:not(:placeholder-shown):invalid, +input[type=search]:not(:placeholder-shown):invalid, +input[type=text]:not(:placeholder-shown):invalid { + border-color: var(--error-color) +} + +input, +textarea { + color: var(--font-color); + background-color: var(--background-color) +} + +input::-webkit-input-placeholder, +textarea::-webkit-input-placeholder { + color: var(--secondary-color) !important; + opacity: 1 +} + +input::-moz-placeholder, +textarea::-moz-placeholder { + color: var(--secondary-color) !important; + opacity: 1 +} + +input:-ms-input-placeholder, +textarea:-ms-input-placeholder { + color: var(--secondary-color) !important; + opacity: 1 +} + +input::-ms-input-placeholder, +textarea::-ms-input-placeholder { + color: var(--secondary-color) !important; + opacity: 1 +} + +input::placeholder, +textarea::placeholder { + color: var(--secondary-color) !important; + opacity: 1 +} + +textarea { + height: auto; + width: 100%; + resize: none; + border: 1px var(--input-style) var(--font-color); + padding: .5em; + font-size: 1em; + font-family: var(--font-stack); + -webkit-appearance: none; + border-radius: 0 +} + +textarea:focus { + outline: 0; + -webkit-appearance: none; + border: 1px solid var(--font-color) +} + +textarea:not(:placeholder-shown):invalid { + border-color: var(--error-color) +} + +input:-webkit-autofill, +input:-webkit-autofill:focus textarea:-webkit-autofill, +input:-webkit-autofill:hover, +select:-webkit-autofill, +select:-webkit-autofill:focus, +select:-webkit-autofill:hover, +textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus { + border: 1px solid var(--font-color); + -webkit-text-fill-color: var(--font-color); + box-shadow: 0 0 0 1000px var(--invert-font-color) inset; + -webkit-box-shadow: 0 0 0 1000px var(--invert-font-color) inset; + transition: background-color 5000s ease-in-out 0s +} + +.form-group { + margin-bottom: var(--global-line-height); + overflow: auto +} + +.btn { + border-style: solid; + border-width: 1px; + display: inline-flex; + align-items: center; + justify-content: center; + cursor: pointer; + outline: 0; + padding: .65em 2em; + font-size: 1em; + font-family: inherit; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + position: relative; + z-index: 1 +} + +.btn:active { + box-shadow: none +} + +.btn.btn-ghost { + border-color: var(--font-color); + color: var(--font-color); + background-color: transparent +} + +.btn.btn-ghost:focus, +.btn.btn-ghost:hover { + border-color: var(--tertiary-color); + color: var(--tertiary-color); + z-index: 2 +} + +.btn.btn-ghost:hover { + background-color: transparent +} + +.btn-block { + width: 100%; + display: flex +} + +.btn-default { + background-color: var(--font-color); + border-color: var(--invert-font-color); + color: var(--invert-font-color) +} + +.btn-default:focus:not(.btn-ghost), +.btn-default:hover { + background-color: var(--secondary-color); + color: var(--invert-font-color) +} + +.btn-default.btn-ghost:focus, +.btn-default.btn-ghost:hover { + border-color: var(--secondary-color); + color: var(--secondary-color); + z-index: 2 +} + +.btn-error { + color: var(--invert-font-color); + background-color: var(--error-color); + border: 1px solid var(--error-color) +} + +.btn-error:focus:not(.btn-ghost), +.btn-error:hover { + background-color: var(--error-color); + border-color: var(--error-color) +} + +.btn-error.btn-ghost { + border-color: var(--error-color); + color: var(--error-color) +} + +.btn-error.btn-ghost:focus, +.btn-error.btn-ghost:hover { + border-color: var(--error-color); + color: var(--error-color); + z-index: 2 +} + +.btn-primary { + color: var(--invert-font-color); + background-color: var(--primary-color); + border: 1px solid var(--primary-color) +} + +.btn-primary:focus:not(.btn-ghost), +.btn-primary:hover { + background-color: var(--primary-color); + border-color: var(--primary-color) +} + +.btn-primary.btn-ghost { + border-color: var(--primary-color); + color: var(--primary-color) +} + +.btn-primary.btn-ghost:focus, +.btn-primary.btn-ghost:hover { + border-color: var(--primary-color); + color: var(--primary-color); + z-index: 2 +} + +.btn-small { + padding: .5em 1.3em !important; + font-size: .9em !important +} + +.btn-group { + overflow: auto +} + +.btn-group .btn { + float: left +} + +.btn-group .btn-ghost:not(:first-child) { + margin-left: -1px +} + +.terminal-card { + border: 1px solid var(--secondary-color) +} + +.terminal-card>header { + color: var(--invert-font-color); + text-align: center; + background-color: var(--secondary-color); + padding: .5em 0 +} + +.terminal-card>div:first-of-type { + padding: var(--global-space) +} + +.terminal-timeline { + position: relative; + padding-left: 70px +} + +.terminal-timeline::before { + content: ' '; + background: var(--secondary-color); + display: inline-block; + position: absolute; + left: 35px; + width: 2px; + height: 100%; + z-index: 400 +} + +.terminal-timeline .terminal-card { + margin-bottom: 25px +} + +.terminal-timeline .terminal-card::before { + content: ' '; + background: var(--invert-font-color); + border: 2px solid var(--secondary-color); + display: inline-block; + position: absolute; + margin-top: 25px; + left: 26px; + width: 15px; + height: 15px; + z-index: 400 +} + +.terminal-alert { + color: var(--font-color); + padding: 1em; + border: 1px solid var(--font-color); + margin-bottom: var(--global-space) +} + +.terminal-alert-error { + color: var(--error-color); + border-color: var(--error-color) +} + +.terminal-alert-primary { + color: var(--primary-color); + border-color: var(--primary-color) +} + +@media screen and (max-width:960px) { + label { + display: block; + width: 100% + } + + pre::-webkit-scrollbar { + height: 3px + } +} + +@media screen and (max-width:480px) { + form { + width: 100% + } +} + +@media only screen and (min-width:30em) { + .terminal-nav { + flex-direction: row; + align-items: center + } + + .terminal-menu ul { + flex-direction: row; + justify-items: flex-end; + align-items: center; + justify-content: flex-end; + margin-top: calc(var(--global-space) * 2) + } + + .terminal-menu li { + margin: 0; + margin-right: 2em + } + + .terminal-menu li:last-child { + margin-right: 0 + } +} + +.terminal-media:not(:last-child) { + margin-bottom: 1.25rem +} + +.terminal-media-left { + padding-right: var(--global-space) +} + +.terminal-media-left, +.terminal-media-right { + display: table-cell; + vertical-align: top +} + +.terminal-media-right { + padding-left: var(--global-space) +} + +.terminal-media-body { + display: table-cell; + vertical-align: top +} + +.terminal-media-heading { + font-size: 1em; + font-weight: 700 +} + +.terminal-media-content { + margin-top: .3rem +} + +.terminal-placeholder { + background-color: var(--secondary-color); + text-align: center; + color: var(--font-color); + font-size: 1rem; + border: 1px solid var(--secondary-color) +} + +figure>img { + padding: 0 +} + +.terminal-avatarholder { + width: calc(var(--global-space) * 5); + height: calc(var(--global-space) * 5) +} + +.terminal-avatarholder img { + padding: 0 +} + +figure { + margin: 0 +} + +figure>figcaption { + color: var(--secondary-color); + text-align: center +} + +.hljs { + display: block; + overflow-x: auto; + padding: .5em; + background: var(--block-background-color); + color: var(--font-color) +} + +.hljs-comment, +.hljs-quote { + color: var(--secondary-color) +} + +.hljs-variable { + color: var(--font-color) +} + +.hljs-built_in, +.hljs-keyword, +.hljs-name, +.hljs-selector-tag, +.hljs-tag { + color: var(--primary-color) +} + +.hljs-addition, +.hljs-attribute, +.hljs-literal, +.hljs-section, +.hljs-string, +.hljs-template-tag, +.hljs-template-variable, +.hljs-title, +.hljs-type { + color: var(--secondary-color) +} + +.hljs-string { + color: var(--secondary-color) +} + +.hljs-deletion, +.hljs-meta, +.hljs-selector-attr, +.hljs-selector-pseudo { + color: var(--primary-color) +} + +.hljs-doctag { + color: var(--secondary-color) +} + +.hljs-attr { + color: var(--primary-color) +} + +.hljs-bullet, +.hljs-link, +.hljs-symbol { + color: var(--primary-color) +} + +.hljs-emphasis { + font-style: italic +} + +.hljs-strong { + font-weight: 700 +}