diff --git a/doc/reference/cally/cally.toml.in b/doc/reference/cally/cally.toml.in index 75498444e..4b57c747f 100644 --- a/doc/reference/cally/cally.toml.in +++ b/doc/reference/cally/cally.toml.in @@ -3,7 +3,7 @@ version = "@version@" browse_url = "https://gitlab.gnome.org/GNOME/mutter/" repository_url = "https://gitlab.gnome.org/GNOME/mutter.git" website_url = "https://blogs.gnome.org/shell-dev/" -docs_url = "https://docs.gtk.org/" +docs_url = "https://gnome.pages.gitlab.gnome.org/mutter/" logo_url = "logo.svg" authors = "Mutter Development Team" license = "GPL-2.0-or-later" diff --git a/doc/reference/clutter/clutter.toml.in b/doc/reference/clutter/clutter.toml.in index d24d6122a..ffd7020ec 100644 --- a/doc/reference/clutter/clutter.toml.in +++ b/doc/reference/clutter/clutter.toml.in @@ -3,7 +3,7 @@ version = "@version@" browse_url = "https://gitlab.gnome.org/GNOME/mutter/" repository_url = "https://gitlab.gnome.org/GNOME/mutter.git" website_url = "https://blogs.gnome.org/shell-dev/" -docs_url = "https://docs.gtk.org/" +docs_url = "https://gnome.pages.gitlab.gnome.org/mutter/" logo_url = "logo.svg" authors = "Mutter Development Team" license = "GPL-2.0-or-later" diff --git a/doc/reference/cogl-pango/cogl-pango.toml.in b/doc/reference/cogl-pango/cogl-pango.toml.in index 000548691..eabe8902e 100644 --- a/doc/reference/cogl-pango/cogl-pango.toml.in +++ b/doc/reference/cogl-pango/cogl-pango.toml.in @@ -3,7 +3,7 @@ version = "@version@" browse_url = "https://gitlab.gnome.org/GNOME/mutter/" repository_url = "https://gitlab.gnome.org/GNOME/mutter.git" website_url = "https://blogs.gnome.org/shell-dev/" -docs_url = "https://docs.gtk.org/" +docs_url = "https://gnome.pages.gitlab.gnome.org/mutter/" logo_url = "logo.svg" authors = "Mutter Development Team" license = "GPL-2.0-or-later" diff --git a/doc/reference/cogl/cogl.toml.in b/doc/reference/cogl/cogl.toml.in index 12b656b76..9d1bbc177 100644 --- a/doc/reference/cogl/cogl.toml.in +++ b/doc/reference/cogl/cogl.toml.in @@ -3,7 +3,7 @@ version = "@version@" browse_url = "https://gitlab.gnome.org/GNOME/mutter/" repository_url = "https://gitlab.gnome.org/GNOME/mutter.git" website_url = "https://blogs.gnome.org/shell-dev/" -docs_url = "https://docs.gtk.org/" +docs_url = "https://gnome.pages.gitlab.gnome.org/mutter/" logo_url = "logo.svg" authors = "Mutter Development Team" license = "GPL-2.0-or-later" diff --git a/doc/reference/meta/meta.toml.in b/doc/reference/meta/meta.toml.in index 3aec9f462..d7f69803b 100644 --- a/doc/reference/meta/meta.toml.in +++ b/doc/reference/meta/meta.toml.in @@ -3,7 +3,7 @@ version = "@version@" browse_url = "https://gitlab.gnome.org/GNOME/mutter/" repository_url = "https://gitlab.gnome.org/GNOME/mutter.git" website_url = "https://blogs.gnome.org/shell-dev/" -docs_url = "https://docs.gtk.org/" +docs_url = "https://gnome.pages.gitlab.gnome.org/mutter/" logo_url = "logo.svg" authors = "Mutter Development Team" license = "GPL-2.0-or-later" diff --git a/doc/reference/mtk/mtk.toml.in b/doc/reference/mtk/mtk.toml.in index 0349e3f88..9495bc8c0 100644 --- a/doc/reference/mtk/mtk.toml.in +++ b/doc/reference/mtk/mtk.toml.in @@ -3,7 +3,7 @@ version = "@version@" browse_url = "https://gitlab.gnome.org/GNOME/mutter/" repository_url = "https://gitlab.gnome.org/GNOME/mutter.git" website_url = "https://blogs.gnome.org/shell-dev/" -docs_url = "https://docs.gtk.org/" +docs_url = "https://gnome.pages.gitlab.gnome.org/mutter/" logo_url = "logo.svg" authors = "Mutter Development Team" license = "GPL-2.0-or-later" diff --git a/doc/website/404.html b/doc/website/404.html new file mode 100644 index 000000000..db3d08d01 --- /dev/null +++ b/doc/website/404.html @@ -0,0 +1,61 @@ + + + + + + + + + + Mutter + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Mutter

+
+ + +
+

404

+ +

Document Not Found

+ +

The requested page could not be found. If you feel this is not normal, then you create an issue on the Gitlab.

+ +

Go Back File an issue

+ +
+ + + + + + + diff --git a/doc/website/LICENSE b/doc/website/LICENSE new file mode 100644 index 000000000..0e259d42c --- /dev/null +++ b/doc/website/LICENSE @@ -0,0 +1,121 @@ +Creative Commons Legal Code + +CC0 1.0 Universal + + CREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE + LEGAL SERVICES. DISTRIBUTION OF THIS DOCUMENT DOES NOT CREATE AN + ATTORNEY-CLIENT RELATIONSHIP. CREATIVE COMMONS PROVIDES THIS + INFORMATION ON AN "AS-IS" BASIS. CREATIVE COMMONS MAKES NO WARRANTIES + REGARDING THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS + PROVIDED HEREUNDER, AND DISCLAIMS LIABILITY FOR DAMAGES RESULTING FROM + THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS PROVIDED + HEREUNDER. + +Statement of Purpose + +The laws of most jurisdictions throughout the world automatically confer +exclusive Copyright and Related Rights (defined below) upon the creator +and subsequent owner(s) (each and all, an "owner") of an original work of +authorship and/or a database (each, a "Work"). + +Certain owners wish to permanently relinquish those rights to a Work for +the purpose of contributing to a commons of creative, cultural and +scientific works ("Commons") that the public can reliably and without fear +of later claims of infringement build upon, modify, incorporate in other +works, reuse and redistribute as freely as possible in any form whatsoever +and for any purposes, including without limitation commercial purposes. +These owners may contribute to the Commons to promote the ideal of a free +culture and the further production of creative, cultural and scientific +works, or to gain reputation or greater distribution for their Work in +part through the use and efforts of others. + +For these and/or other purposes and motivations, and without any +expectation of additional consideration or compensation, the person +associating CC0 with a Work (the "Affirmer"), to the extent that he or she +is an owner of Copyright and Related Rights in the Work, voluntarily +elects to apply CC0 to the Work and publicly distribute the Work under its +terms, with knowledge of his or her Copyright and Related Rights in the +Work and the meaning and intended legal effect of CC0 on those rights. + +1. Copyright and Related Rights. A Work made available under CC0 may be +protected by copyright and related or neighboring rights ("Copyright and +Related Rights"). Copyright and Related Rights include, but are not +limited to, the following: + + i. the right to reproduce, adapt, distribute, perform, display, + communicate, and translate a Work; + ii. moral rights retained by the original author(s) and/or performer(s); +iii. publicity and privacy rights pertaining to a person's image or + likeness depicted in a Work; + iv. rights protecting against unfair competition in regards to a Work, + subject to the limitations in paragraph 4(a), below; + v. rights protecting the extraction, dissemination, use and reuse of data + in a Work; + vi. database rights (such as those arising under Directive 96/9/EC of the + European Parliament and of the Council of 11 March 1996 on the legal + protection of databases, and under any national implementation + thereof, including any amended or successor version of such + directive); and +vii. other similar, equivalent or corresponding rights throughout the + world based on applicable law or treaty, and any national + implementations thereof. + +2. Waiver. To the greatest extent permitted by, but not in contravention +of, applicable law, Affirmer hereby overtly, fully, permanently, +irrevocably and unconditionally waives, abandons, and surrenders all of +Affirmer's Copyright and Related Rights and associated claims and causes +of action, whether now known or unknown (including existing as well as +future claims and causes of action), in the Work (i) in all territories +worldwide, (ii) for the maximum duration provided by applicable law or +treaty (including future time extensions), (iii) in any current or future +medium and for any number of copies, and (iv) for any purpose whatsoever, +including without limitation commercial, advertising or promotional +purposes (the "Waiver"). Affirmer makes the Waiver for the benefit of each +member of the public at large and to the detriment of Affirmer's heirs and +successors, fully intending that such Waiver shall not be subject to +revocation, rescission, cancellation, termination, or any other legal or +equitable action to disrupt the quiet enjoyment of the Work by the public +as contemplated by Affirmer's express Statement of Purpose. + +3. Public License Fallback. Should any part of the Waiver for any reason +be judged legally invalid or ineffective under applicable law, then the +Waiver shall be preserved to the maximum extent permitted taking into +account Affirmer's express Statement of Purpose. In addition, to the +extent the Waiver is so judged Affirmer hereby grants to each affected +person a royalty-free, non transferable, non sublicensable, non exclusive, +irrevocable and unconditional license to exercise Affirmer's Copyright and +Related Rights in the Work (i) in all territories worldwide, (ii) for the +maximum duration provided by applicable law or treaty (including future +time extensions), (iii) in any current or future medium and for any number +of copies, and (iv) for any purpose whatsoever, including without +limitation commercial, advertising or promotional purposes (the +"License"). The License shall be deemed effective as of the date CC0 was +applied by Affirmer to the Work. Should any part of the License for any +reason be judged legally invalid or ineffective under applicable law, such +partial invalidity or ineffectiveness shall not invalidate the remainder +of the License, and in such case Affirmer hereby affirms that he or she +will not (i) exercise any of his or her remaining Copyright and Related +Rights in the Work or (ii) assert any associated claims and causes of +action with respect to the Work, in either case contrary to Affirmer's +express Statement of Purpose. + +4. Limitations and Disclaimers. + + a. No trademark or patent rights held by Affirmer are waived, abandoned, + surrendered, licensed or otherwise affected by this document. + b. Affirmer offers the Work as-is and makes no representations or + warranties of any kind concerning the Work, express, implied, + statutory or otherwise, including without limitation warranties of + title, merchantability, fitness for a particular purpose, non + infringement, or the absence of latent or other defects, accuracy, or + the present or absence of errors, whether or not discoverable, all to + the greatest extent permissible under applicable law. + c. Affirmer disclaims responsibility for clearing rights of other persons + that may apply to the Work or any use thereof, including without + limitation any person's Copyright and Related Rights in the Work. + Further, Affirmer disclaims responsibility for obtaining any necessary + consents, permissions or other rights required for any use of the + Work. + d. Affirmer understands and acknowledges that Creative Commons is not a + party to this document and has no duty or obligation with respect to + this CC0 or use of the Work. diff --git a/doc/website/README.md b/doc/website/README.md new file mode 100644 index 000000000..21d44e30e --- /dev/null +++ b/doc/website/README.md @@ -0,0 +1,5 @@ +# Mutter Website + +This is the website for the mutter window manager. Feel free to fix typos and +suggest changes by opening MRs against the appropriate [gitlab +module](https://gitlab.gnome.org/GNOME/mutter/-/tree/main/doc/website). diff --git a/doc/website/assets/404.png b/doc/website/assets/404.png new file mode 100644 index 000000000..3f59a495f Binary files /dev/null and b/doc/website/assets/404.png differ diff --git a/doc/website/assets/apple-touch-icon.png b/doc/website/assets/apple-touch-icon.png new file mode 100644 index 000000000..e075aa82f Binary files /dev/null and b/doc/website/assets/apple-touch-icon.png differ diff --git a/doc/website/assets/apple-touch-icon.svg b/doc/website/assets/apple-touch-icon.svg new file mode 100644 index 000000000..e97665dbb --- /dev/null +++ b/doc/website/assets/apple-touch-icon.svg @@ -0,0 +1,104 @@ + +image/svg+xml diff --git a/doc/website/assets/card.png b/doc/website/assets/card.png new file mode 100644 index 000000000..6aace2109 Binary files /dev/null and b/doc/website/assets/card.png differ diff --git a/doc/website/assets/card.svg b/doc/website/assets/card.svg new file mode 100644 index 000000000..4bd76d6d0 --- /dev/null +++ b/doc/website/assets/card.svg @@ -0,0 +1,197 @@ + +image/svg+xml diff --git a/doc/website/assets/favicon.png b/doc/website/assets/favicon.png new file mode 100644 index 000000000..b36a07121 Binary files /dev/null and b/doc/website/assets/favicon.png differ diff --git a/doc/website/assets/favicon.svg b/doc/website/assets/favicon.svg new file mode 100644 index 000000000..9c35a0455 --- /dev/null +++ b/doc/website/assets/favicon.svg @@ -0,0 +1,92 @@ + + diff --git a/doc/website/assets/page-logo-i.svg b/doc/website/assets/page-logo-i.svg new file mode 100644 index 000000000..0fc27409e --- /dev/null +++ b/doc/website/assets/page-logo-i.svg @@ -0,0 +1,95 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/website/assets/page-logo.svg b/doc/website/assets/page-logo.svg new file mode 100644 index 000000000..3832ec192 --- /dev/null +++ b/doc/website/assets/page-logo.svg @@ -0,0 +1,95 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/website/assets/splash-dark.png b/doc/website/assets/splash-dark.png new file mode 100644 index 000000000..7fbcd4451 Binary files /dev/null and b/doc/website/assets/splash-dark.png differ diff --git a/doc/website/assets/splash.png b/doc/website/assets/splash.png new file mode 100644 index 000000000..2dda86ac4 Binary files /dev/null and b/doc/website/assets/splash.png differ diff --git a/doc/website/fonts/Inter.var.woff2 b/doc/website/fonts/Inter.var.woff2 new file mode 100644 index 000000000..365eedc50 Binary files /dev/null and b/doc/website/fonts/Inter.var.woff2 differ diff --git a/doc/website/index.html b/doc/website/index.html new file mode 100644 index 000000000..75ee49775 --- /dev/null +++ b/doc/website/index.html @@ -0,0 +1,137 @@ + + + + + + + + + + Mutter + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +

+ +
+ + +
+ + + + + +

Mutter is a Wayland display server and X11 window manager and compositor library.

+ +

When used as a Wayland display server, it runs on top of KMS and libinput. It implements the compositor side of + the Wayland core protocol as well as various protocol extensions. It also has functionality related to running X11 + applications using Xwayland. + When used on top of Xorg it acts as a X11 window manager and compositing manager. It contains functionality + related to, among other things, window management, window compositing, focus tracking, workspace management, + keybindings and monitor configuration.

+ +

Mutter is used by, for example, GNOME Shell, the GNOME + core user interface, and by Gala, elementary OS’s window + manager. It can also be run standalone, using the command “mutter”, but just running plain mutter is only intended + for debugging purposes.

+ +

Contributing

+ +

Mutter is Free Software and is developed in the open. +

+ +

To contribute, open merge requests at https://gitlab.gnome.org/GNOME/mutter.

+ +

API documentation

+ + + + + + + +
+ + + + + + + \ No newline at end of file diff --git a/doc/website/style.css b/doc/website/style.css new file mode 100644 index 000000000..3cbdd43ee --- /dev/null +++ b/doc/website/style.css @@ -0,0 +1,527 @@ +/* + + Mutter Website + ==================== + + shamelessly stolen CSS from systemd + https://github.com/systemd/systemd/tree/main/docs + +*/ + +/* GNOME Color Palette */ +:root { + --rounded-corner: 12px; + --blue1: rgb(153,193,241); + --blue2: rgb(98,160,234); + --blue3: rgb(53,132,228); + --blue4: rgb(28,113,216); + --blue5: rgb(26,95,180); + --green1: rgb(143,240,164); + --green2: rgb(87,227,137); + --green3: rgb(51,209,122); + --green4: rgb(46,194,126); + --green5: rgb(38,162,105); + --yellow1: rgb(249,240,107); + --yellow2: rgb(248,228,92); + --yellow3: rgb(246,211,45); + --yellow4: rgb(245,194,17); + --yellow5: rgb(229,165,10); + --orange1: rgb(255,190,111); + --orange2: rgb(255,163,72); + --orange3: rgb(255,120,0); + --orange4: rgb(230,97,0); + --orange5: rgb(198,70,0); + --red1: rgb(246,97,81); + --red2: rgb(237,51,59); + --red3: rgb(224,27,36); + --red4: rgb(192,28,40); + --red5: rgb(165,29,45); + --purple1: rgb(220,138,221); + --purple2: rgb(192,97,203); + --purple3: rgb(145,65,172); + --purple4: rgb(129,61,156); + --purple5: rgb(97,53,131); + --brown1: rgb(205,171,143); + --brown2: rgb(181,131,90); + --brown3: rgb(152,106,68); + --brown4: rgb(134,94,60); + --brown5: rgb(99,69,44); + --light1: rgb(255,255,255); + --light2: rgb(246,245,244); + --light3: rgb(222,221,218); + --light4: rgb(192,191,188); + --light5: rgb(154,153,150); + --dark1: rgb(119,118,123); + --dark2: rgb(94,92,100); + --dark3: rgb(61,56,70); + --dark4: rgb(36,31,49); + --dark5: rgb(0,0,0); + --primary-color: #ff7800; /* Set your project color */ + --borders: var(--light3); + --br: 9px; + --fg-color: #241f31; + --bg-color: #f6f5f4; + --term-fg: var(--dark3); + --term-bg: var(--light1); + --term-br: 9px; + --hovertile: #fff; +} + +@media (prefers-color-scheme: dark) { + :root { + color-scheme: dark; + --primary-color: #dc8add; + --fg-color: #eee; + --bg-color: #29384c; + --term-fg: var(--light1); + --term-bg: var(--dark4); + --hovertile: rgba(0,0,0,0.2); + } +} + +/* Typography */ + +@font-face { + font-family: 'Inter Var'; + font-weight: 100 900; + font-display: swap; + font-style: oblique italic 0deg 10deg; + src: url("fonts/Inter.var.woff2?v=3.19") format("woff2"); +} + +* { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +html, body { + margin: 0; + padding: 0; + font-size: 16px; + font-family: "Inter Var", sans-serif; + font-weight: 400; + line-height: 1.6; + scroll-behavior: smooth; +} +body { + color: var(--fg-color); + background-color: var(--bg-color); + /* ⇩⇩ put footer at the bottom for short pages, such as the 404 ⇩⇩ */ + display: grid; + min-height: 100vh; + grid-template-rows: auto minmax(auto,1fr) auto; /* header, stuff, footer */ +} +h1, h2, h3, h4, h5, h6 { + margin: 3rem 0 1rem; + font-weight: 600; + line-height: 1.25; + font-variation-settings: "wght" 600; /* needed for webkit */ +} + +h1 { + font-size: 1.5rem; + font-weight: 100; + font-style: normal; + margin: 3rem 0 1rem; +} + +@media screen and (min-width: 650px) { + h1 { + font-size: 1.6rem; + } +} +h2 { + font-size: 1.2rem; +} + + + +a { + font-weight: 600; + text-decoration: none; + color: var(--primary-color); + cursor: pointer; + font-variation-settings: "wght" 600; /* needed for webkit */ +} +a:hover { + text-decoration: underline; +} +b { + font-weight: 600; +} +small { + color: #777; +} +hr { + margin: 3rem auto 4rem; + width: 40%; + opacity: 40%; +} + +img { + display: block; + margin: 2rem auto; + max-width: 100%; + } + img.full, picture.full img { width: 100%; } + img.pixels, picture.pixels img { + image-rendering: crisp-edges; /* older firefox browsers */ + image-rendering: pixelated; + } + + +/* Layout */ +.container { + width: 80%; + margin-left: auto; + margin-right: auto; + max-width: 720px; +} + +/* Singletons */ +#logo { + display: block; + width: 251px; height: 26px; + background: url('assets/page-logo.svg') no-repeat center; + padding: 5rem 0 3rem; + margin: 0 auto; + position: relative; +} + #logo a { + display: block; + position: absolute; + top: 0; left: 0; right: 0; bottom: 0; + color: rgba(0,0,0,0); /* make text transparent */ + cursor: pointer; + } +.page-logo > img { + margin: 0 auto; +} + + @media (prefers-color-scheme: dark) { + #logo { + background-image: url('assets/page-logo-i.svg'); + } + } + +.brand-white { + background-color: #fff; +} + +.brand-green { + background-color: #30D475; +} + +.brand-black { + background-color: #201A26; + color: white; +} + +.page-link::after { + content: " ➜"; +} + + +/* Footer */ +footer { + text-align: center; + padding: 3em 0 3em; + font-size: 1em; + margin-top: 4rem; +} + +/* Make tables vertically aligned to the top */ +tbody td { + vertical-align: top; +} + +/* Github Code Highlighting */ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight .cm { + color: #999988; + font-style: italic; +} +.highlight .cp { + color: #999999; + font-weight: bold; +} +.highlight .c1 { + color: #999988; + font-style: italic; +} +.highlight .cs { + color: #999999; + font-weight: bold; + font-style: italic; +} +.highlight .c, .highlight .ch, .highlight .cd, .highlight .cpf { + color: #999988; + font-style: italic; +} +.highlight .err { + color: #a61717; + background-color: #e3d2d2; +} +.highlight .gd { + color: #000000; + background-color: #ffdddd; +} +.highlight .ge { + color: #000000; + font-style: italic; +} +.highlight .gr { + color: #aa0000; +} +.highlight .gh { + color: #999999; +} +.highlight .gi { + color: #000000; + background-color: #ddffdd; +} +.highlight .go { + color: #888888; +} +.highlight .gp { + color: #555555; +} +.highlight .gs { + font-weight: bold; +} +.highlight .gu { + color: #aaaaaa; +} +.highlight .gt { + color: #aa0000; +} +.highlight .kc { + color: #000000; + font-weight: bold; +} +.highlight .kd { + color: #000000; + font-weight: bold; +} +.highlight .kn { + color: #000000; + font-weight: bold; +} +.highlight .kp { + color: #000000; + font-weight: bold; +} +.highlight .kr { + color: #000000; + font-weight: bold; +} +.highlight .kt { + color: #445588; + font-weight: bold; +} +.highlight .k, .highlight .kv { + color: #000000; + font-weight: bold; +} +.highlight .mf { + color: #009999; +} +.highlight .mh { + color: #009999; +} +.highlight .il { + color: #009999; +} +.highlight .mi { + color: #009999; +} +.highlight .mo { + color: #009999; +} +.highlight .m, .highlight .mb, .highlight .mx { + color: #009999; +} +.highlight .sb { + color: #d14; +} +.highlight .sc { + color: #d14; +} +.highlight .sd { + color: #d14; +} +.highlight .s2 { + color: #d14; +} +.highlight .se { + color: #d14; +} +.highlight .sh { + color: #d14; +} +.highlight .si { + color: #d14; +} +.highlight .sx { + color: #d14; +} +.highlight .sr { + color: #009926; +} +.highlight .s1 { + color: #d14; +} +.highlight .ss { + color: #990073; +} +.highlight .s, .highlight .sa, .highlight .dl { + color: #d14; +} +.highlight .na { + color: #008080; +} +.highlight .bp { + color: #999999; +} +.highlight .nb { + color: #0086B3; +} +.highlight .nc { + color: #445588; + font-weight: bold; +} +.highlight .no { + color: #008080; +} +.highlight .nd { + color: #3c5d5d; + font-weight: bold; +} +.highlight .ni { + color: #800080; +} +.highlight .ne { + color: #990000; + font-weight: bold; +} +.highlight .nf, .highlight .fm { + color: #990000; + font-weight: bold; +} +.highlight .nl { + color: #990000; + font-weight: bold; +} +.highlight .nn { + color: #555555; +} +.highlight .nt { + color: #000080; +} +.highlight .vc { + color: #008080; +} +.highlight .vg { + color: #008080; +} +.highlight .vi { + color: #008080; +} +.highlight .nv, .highlight .vm { + color: #008080; +} +.highlight .ow { + color: #000000; + font-weight: bold; +} +.highlight .o { + color: #000000; + font-weight: bold; +} +.highlight .w { + color: #bbbbbb; +} +.highlight { +} + + +/* Code Blocks */ +.highlighter-rouge { + font-size: 80%; + line-height: normal; + padding: 2px 1rem; + border-radius: var(--term-br); + background-color: var(--term-bg); + max-width: 100vw; + overflow-x: auto; + margin: 1rem 0; +} + @media only screen and (max-device-width : 480px) { + /*mobile*/ + .highlighter-rouge { max-width: 80vw; } + } + +.highlighter-rouge * { +} + +/* Inline Code */ +code.highlighter-rouge { + padding: 2px 6px; + background-color: var(--term-bg); +} + +/* Buttons */ + +.dialog-buttons { + display: flex; + flex-direction: row; + align-items: baseline; + justify-content: space-between; + margin-top: 6rem; +} + +.inline-button { + display: inline-block; + font-weight: 900; + font-size: 90%; + padding: .4rem 1rem; + border-radius: var(--rounded-corner); + background-color: var(--term-bg); + color: var(--fg-color); +} + +/* Tiles */ + +ul.tiles { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); + list-style: none; + margin: 0; + padding: 0; + gap: 1rem; + grid-template-rows: masonry; +} + ul.tiles li { + padding: 1rem; + border-radius: var(--br); + transition: all 0.35s cubic-bezier(0.17, 0.89, 0.32, 1.28); + } + ul.tiles li:hover { + background: var(--hovertile); + box-shadow: 0 0 0 8px var(--hovertile); + } + ul.tiles h3 { + margin: 0; + color: var(--primary-color); + text-decoration: underline; + } + + ul.tiles a { + font-weight: 400; + font-variation-settings: "wght" 400; + display: block; + height: 100%; + text-decoration: none; + color: var(--fg-color); + }