commit 64781e54206850c951808282c019166816f4a62c Author: Lorenzo Cogotti Date: Mon Jul 19 16:05:53 2021 +0200 [*] Initial commit diff --git a/README.md b/README.md new file mode 100644 index 0000000..75d5bd7 --- /dev/null +++ b/README.md @@ -0,0 +1,3 @@ +# DoubleFourteen - The DoubleFourteen Code Forge + +Website sources for [DoubleFourteen - The DoubleFourteen Code Force](https://doublefourteen.io). diff --git a/archetypes/default.md b/archetypes/default.md new file mode 100644 index 0000000..00e77bd --- /dev/null +++ b/archetypes/default.md @@ -0,0 +1,6 @@ +--- +title: "{{ replace .Name "-" " " | title }}" +date: {{ .Date }} +draft: true +--- + diff --git a/config.toml b/config.toml new file mode 100644 index 0000000..300a79f --- /dev/null +++ b/config.toml @@ -0,0 +1,14 @@ +baseURL = "https://doublefourteen.io/" +languageCode = "en-us" +title = "The DoubleFourteen Code Forge" +theme = "doublefourteen" +disableKinds = ["taxonomy", "term"] +timeout = 1000000 + +[markup.goldmark.renderer] +unsafe = true + +DefaultContentLanguage = "en" +[languages] + [languages.en] + weight = 1 diff --git a/content/_404.md b/content/_404.md new file mode 100644 index 0000000..4fd3a24 --- /dev/null +++ b/content/_404.md @@ -0,0 +1,3 @@ +--- +title: "404: Page not found" +--- diff --git a/content/_index.md b/content/_index.md new file mode 100644 index 0000000..17d5d18 --- /dev/null +++ b/content/_index.md @@ -0,0 +1,48 @@ +--- +title: Home +mobile_menu_title: "Home" +--- + +{{< flexrow style="justify-content:center;align-items:center" >}} +{{% div class="headline" %}} +The DoubleFourteen Code Forge is a community to produce and promote high quality free software. + +{{% div style="text-align:left" %}} +We encourage strict cooperation between research and practical coding. +- Conscious research → pragmatic results. +- Conscious development → code quality. +- Synergy in both worlds. +{{% /div %}} +{{% /div %}} +{{% div style="align-self:flex-end" %}} +See our manifesto +{{% /div %}} +{{< /flexrow >}} + +{{% div class="alt-background" %}} +{{% div class="container cards-list" %}} + +{{% div title="Contribute" %}} +The DoubleFourteen Code Forge is an open community. + +{{% div style="text-align:left" %}} +- Always looking for new ideas and projects. +- Contributors sharing our vision are welcome. +- There are many ways to support us. +{{% /div %}} +{{% /div %}} + +{{% div title="Check out our projects" %}} +Every DoubleFourteen project is free software, as in freedom. + +Our source code repository is accessible at: +[https://git.doublefourteen.io](https://git.doublefourteen.io/explore/repos). +{{% div style="text-align:left" %}} +- Contributions to our code is welcome. +- Found a bug, got an improvement in mind? Let us know. +- We would love to know if any of our project is being useful to you. +{{% /div %}} +{{% /div %}} + +{{% /div %}} +{{% /div %}} diff --git a/content/articles/_index.en.md b/content/articles/_index.en.md new file mode 100644 index 0000000..6f8992f --- /dev/null +++ b/content/articles/_index.en.md @@ -0,0 +1,6 @@ +--- +title: Articles +menu_title: Articles +mobile_menu_title: Articles +layout: rss-list +--- diff --git a/content/blog/_index.md b/content/blog/_index.md new file mode 100644 index 0000000..86d4234 --- /dev/null +++ b/content/blog/_index.md @@ -0,0 +1,6 @@ +--- +title: Blog +menu_title: Blog +mobile_menu_title: Blog +layout: rss-list +--- diff --git a/content/blog/ubgpsuite-first-release/index.md b/content/blog/ubgpsuite-first-release/index.md new file mode 100644 index 0000000..194f1f7 --- /dev/null +++ b/content/blog/ubgpsuite-first-release/index.md @@ -0,0 +1,56 @@ +--- +title: "The Micro BGP Suite has been released!" +mobile_menu_title: "µbgpsuite now released!" +date: 2021-06-15T00:00:00+00:00 +tags: + - ubgpsuite + - C Language + - Networking + - BGP + - News +--- + +**We are happy to announce that the first version of the micro BGP suite has now been released!** + +## The Micro BGP Suite is now available + +I am thrilled to announce that the very first version of the +DoubleFourteen inaugural project, the Micro BGP suite (*µbgpsuite* for short +-- or *ubgpsuite* for differently Greek keyboards ☺), is now available! + +Source code for this project is available at: +[https://git.doublefourteen.io/bgp/ubgpsuite](https://git.doublefourteen.io/bgp/ubgpsuite) + +The Micro BGP Suite is an evolution of *bgpscanner*, originally developed under the +Institute of Informatics and Telematics of the Italian National Research Council, +see the forever unknown +[HISTORY](https://git.doublefourteen.io/bgp/ubgpsuite/src/branch/master/doc/HISTORY.md) +file included with the project documentation for more obscurities of this +project. + +The Micro BGP suite includes: +- [lonetix](https://git.doublefourteen.io/bgp/ubgpsuite/src/branch/master/lonetix), + a performance oriented static library for BGP and MRT data encoding/decoding written in C. + I'd like to send a special thanks to my friend [Vernal Liu](https://covernal.github.io) + for coming up with a name for this library (though, it originally meant + *Lorenzo's Network library on Posix*), and for his saint-like patience in listening + my ramblings all the time. +- [bgpgrep](https://git.doublefourteen.io/bgp/ubgpsuite/src/branch/master/tools/bgpgrep), + the very first utility using *lonetix*, an advanced replacement for *bgpscanner*, + an utility capable of lightning fast MRT dump decoding and filtering. This utility + is documented in its glorious `man` [page](https://git.doublefourteen.io/bgp/ubgpsuite/src/branch/master/tools/bgpgrep/bgpgrep.1.in). + +`bgpgrep` is the first utility taking advantage of `lonetix`, but more tools +are underway to demonstrate the capabilities of its API. + +> **Hint** -- for a convenient PDF version of the manual page, you can run: +> ```sh +> $ sed s/@UTILITY@/bgpgrep/g tools/bgpgrep/bgpgrep.1.in | groffer +> ``` + +Stay tuned for more news on this project, as I'm currently working on an article +describing the BGP filtering engine exposed by `lonetix`. + +Enjoy, and happy hacking, + +Lorenzo Cogotti diff --git a/content/doublefourteen/index.en.md b/content/doublefourteen/index.en.md new file mode 100644 index 0000000..414cc79 --- /dev/null +++ b/content/doublefourteen/index.en.md @@ -0,0 +1,110 @@ +--- +title: DoubleFourteen +menu_title: "The DoubleFourteen Code Forge" +mobile_menu_title: "1414° Code Forge" +date: 2021-06-15T00:40:51+02:00 +--- + +# Vision + +The DoubleFourteen Code Forge is an effort to promote synergy between developers +and researchers, in order to promote good development practices, +improve the software landscape and share common views and ethics. +With hope to form a collaborative community made of competent +individuals, practitioners, and researchers, working together and benefitting +from each other's skills and inputs. + +# Raison d'être + +Computer science and software development has evolved dramatically crucial in the last decades +for technological advancement and scientific research, consistently posing +new challenges and offering new possibilities to us all. +Facing such challenges and opening new applicative fields had an enormous impact +over our lives as we can testify every day. + +Despite the abundance of application fields, research institutes and commercial +investments, oftentimes, topics and development practices are heavily +conditioned by external factors -- such as commercial interest, +nation-wide infrastructures, bureaucracy, budget choices, academic interest, +knowledge availability. Similar constraints apply to development time -- +often seen as expensive by commercial entities and unnecessary to research +institutes, to the point of settling for quick prototypes that slowly but +surely become the definitive implementation. + +As a matter of fact, computer science exhibits an uncanny dichotomy between +theory and actual practice, whereas theory is often forgotten or +ridiculed by practitioners and practical implementation is seen as a +pesky and forgettable detail by researchers. + +The DoubleFourteen Code Forge is an attempt to provide an international +and diverse community to hoist and support any individual or group in their +own research or development interest, providing an ecosystem where such +limitations are absent or minimal. +We strive to enact an alternative setup where researchers and developers +may directly communicate with each other and understand the value of +taking into proper consideration every aspect and every challenge of the +computer science, creating premises for new innovative techniques. +Where the only constraints are imposed by skill, motivation, imagination and +perseverance in reaching our goals and improving ourselves. + +Our community sole focus is raising the quality of the software world +and raise awareness on computer science, by spreading the results of our work. +Everyone is welcome to submit projects, take on research on their topic of +interest, or offer support. Everyone is encouraged to contribute and share +knowledge, as the more knowledge we share, the more contributions we can offer. + +# Fundamental principles + +The DoubleFourteen Code Forge is intended to be equally useful for +scientists and the collectivity as a whole. We should never forget that the +knowledge we produce and the code we write should be oriented to improving our +lives, our society and raise scientific awareness to the general public. +The following list summarizes the basic principles that everyone in the +community is asked to agree on, in order to ensure our objectives and a +productive environment. + +* We value research, code, experience, knowledge, and share them +publicly. Believing that our efforts may be of better use when freely available +to a wider audience, as opposed to confined to few privileged entities. + +* We promote ethical software and abhor restrictions to our Freedom. In no +way ever shall we consciously suggest or endorse the use of any unethical +software or service akin that ultimately results in: + - mistreating users or developers; + - violating the users' or developers' privacy or silently collecting their + data; + - severing the right to understand, learn, verify, modify or improve the + original source code; + - denying full control over the computing instruments; + - tying the user or developer to a single software or service, constraining + their freedom of choice. + +* We place mutual respect at the foundation of our community. + +* We believe in civilized debate. Personal offences and discrimination targeted +to us or others alike, in any public or private form, are incompatible +with our community. Any viable action shall be taken to condemn and eradicate +such behaviour and make our environment cleaner. + +* We firmly reject any misrepresentation of work. +Our community as a whole is but a mean for each individual to fully express +their potential in any useful way they are most proficient with. +As such, every single effort is to be duly credited, fairly and transparently. + +* We regard independence as a vital premise to ensure the impartiality +of our work. + +* We never compromise over quality, our work is our art and pride. + +* We keep any social, political, religious or idealistic conviction to our +personal individual relational sphere. Our community as a whole is neutral and +refuses to take any stance or action whatsoever over matters extraneous to +objective scientific debate on software development and computer science. + +* We encourage any benevolent participation to our community, by actively +extending ourselves to rule out any obstacle in its actuation. + +* We offer support to any project or initiative compatible with our +principles and goals. + +* We are eager to learn, grateful to teach, motivated in our work. diff --git a/layouts/shortcodes/div.html b/layouts/shortcodes/div.html new file mode 100644 index 0000000..3151aaf --- /dev/null +++ b/layouts/shortcodes/div.html @@ -0,0 +1,6 @@ +

+{{ with .Get "title" }} +

+{{ end }} +{{ .Inner }} +

\ No newline at end of file diff --git a/layouts/shortcodes/flexrow.html b/layouts/shortcodes/flexrow.html new file mode 100644 index 0000000..c57890b --- /dev/null +++ b/layouts/shortcodes/flexrow.html @@ -0,0 +1,3 @@ +

+{{- .Inner -}} +

\ No newline at end of file diff --git a/resources/_gen/assets/css/css/circuit.css_48b060fe05b0a273d182ef83c0605941.content b/resources/_gen/assets/css/css/circuit.css_48b060fe05b0a273d182ef83c0605941.content new file mode 100644 index 0000000..6f58f88 --- /dev/null +++ b/resources/_gen/assets/css/css/circuit.css_48b060fe05b0a273d182ef83c0605941.content @@ -0,0 +1,41 @@ +/* +.path-yel-in { + animation: draw 10s infinite; + animation-delay: 1s; + animation-timing-function: linear; +} +.path-yel-out { + animation: draw 10s infinite; + animation-timing-function: linear; +} +.path-left { + animation-delay: 2s; +} +.path-bottom { + animation-delay: 4s; +} + + +.circuit-path { + animation: circuit 20s linear infinite; + animation-delay: 2s; +} + +.circuit-static, .circuit-anim { + left: 50%; + top: 50%; + transform: translate(-50%, -50%), translateZ(0); + position: absolute; +} +.circuit-anim { + backface-visibility: hidden; +} + + +@keyframes circuit { + 100% { + stroke-dashoffset: 0; + stroke-opacity: 0.6; + } +} +*/ diff --git a/resources/_gen/assets/css/css/circuit.css_48b060fe05b0a273d182ef83c0605941.json b/resources/_gen/assets/css/css/circuit.css_48b060fe05b0a273d182ef83c0605941.json new file mode 100644 index 0000000..eaf73a5 --- /dev/null +++ b/resources/_gen/assets/css/css/circuit.css_48b060fe05b0a273d182ef83c0605941.json @@ -0,0 +1 @@ +{"Target":"css/circuit.min.d053cd5b7d1b8276398edb651c03a784e706faf0478345bec21786b70d6f6ece.css","MediaType":"text/css","Data":{"Integrity":"sha256-0FPNW30bgnY5jttlHAOnhOcG+vBHg0W+wheGtw1vbs4="}} \ No newline at end of file diff --git a/resources/_gen/assets/css/css/home.css_48b060fe05b0a273d182ef83c0605941.content b/resources/_gen/assets/css/css/home.css_48b060fe05b0a273d182ef83c0605941.content new file mode 100644 index 0000000..e86a111 --- /dev/null +++ b/resources/_gen/assets/css/css/home.css_48b060fe05b0a273d182ef83c0605941.content @@ -0,0 +1 @@ +.alt-background{background-color:#efefef}.main{background-color:#737475;color:#fff;padding:10px 15px;font-size:.9em}.nav-spacer{display:none}.banner-burnin{position:absolute;width:100%;height:100%;z-index:-1;box-shadow:inset 0 0 1px 1px rgba(64,64,64,.1);background:radial-gradient(ellipse at center,#4e3d18 0%,rgba(64,64,64,0) 50%);transform-origin:50% 50%;transform:perspective(20px)rotateX(.5deg)skewX(2deg)scale(1.03);animation:burnin 1s linear infinite;opacity:.9}.banner-burnin::after{position:relative;background:radial-gradient(ellipse at center,rgba(0,0,0,.5) 0%,rgba(64,64,64,0) 100%);opacity:.1}.banner-terminal{position:relative;z-index:90;margin:0 auto;width:100%;height:550px;background-color:#0a1922;overflow:hidden}.banner-terminal::before{position:absolute;width:100%;height:550px;top:0;left:0;content:"";z-index:100;background:linear-gradient(#777 50%,#0a1922 50%);background-size:100% 4px;background-repeat:repeat-y;opacity:.14;box-shadow:inset 0 0 1px 1px rgba(0,0,0,.8);animation:pulse 5s linear infinite}.banner-terminal::after{position:absolute;content:"";top:0;left:0;width:100%;height:76%;z-index:99;background:radial-gradient(ellipse at center,black 0%,rgba(0,0,0,.62) 45%,rgba(0,9,4,.6) 47%,#c3993c 100%);background-color:#c3993c;box-shadow:inset 0 0 4px 4px rgba(100,100,100,.5);opacity:.1}.banner-scanline{--scanline-area:$term-height;position:relative;z-index:99;width:100%;height:5px;background:linear-gradient(to bottom,rgba(255,0,0,0) 0%,snow 50%,rgba(255,255,255,.98) 51%,rgba(255,0,0,0) 100%);background-color:#fff;background-size:100% 4px;opacity:.1;animation:scanline 3.25s ease-in-out infinite}.banner-textarea{position:relative;width:1500px;height:600px;margin:0 auto}.banner-prompt{position:relative;text-align:left;padding-left:1em;font-family:Inconsolata,Courier,unicase;text-shadow:0 0 8px rgba(255,255,255,.3);font-size:4em;color:#c3993c}.ghost,.pop{opacity:.27}.banner-msg-line{text-shadow:0 0 8px rgba(231,214,177,.3);font-family:Inconsolata,Courier,monospace;font-smoothing:antialiased;padding-left:6em;font-size:3em;white-space:pre;color:#c3993c;overflow:hidden}#banner-msg-animate{text-shadow:0 0 8px rgba(255,255,255,.1);color:#6d592c;bottom:0}.flicker{margin:0;color:#2d2d2d;letter-spacing:-.05rem}.flicker::before{content:attr(letter);position:absolute;overflow:hidden;color:#fc0;z-index:5;text-shadow:none;animation:flicker 3s linear infinite}.glitch{margin:0;letter-spacing:-.05rem;display:inline-block;animation:glitch 1s linear infinite}.glitch::before,.glitch::after{content:attr(text);position:absolute;overflow:hidden}.glitch::before{left:0;animation:glitch-top 1s linear infinite;clip-path:polygon(0 0,100% 0,100% 33%,0 33%)}.glitch::after{left:0;animation:glitch-bottom 1.5s linear infinite;clip-path:polygon(0 67%,100% 67%,100% 100%,0 100%)}@keyframes burnin{0%{transform:scale(1,1.002)}50%{transform:scale(1,1.0001)}100%{transform:scale(1.001,1)}}@keyframes scanline{to{transform:translateY(calc(var(--scanline-area) - $term-scanline-height))}}@keyframes pulse{0%{transform:scale(1.001);opacity:.14}8%{transform:scale(1);opacity:.13}15%{transform:scale(1.004);opacity:.14}30%{transform:scale(1.002);opacity:.11}100%{transform:scale(1);opacity:.14}}@keyframes flicker{0%,19.999%,22%,62.999%,64%,64.999%,70%,100%{opacity:.99;text-shadow:-1px -1px 0 rgba(255,255,255,.4),1px -1px 0 rgba(255,255,255,.4),-1px 1px 0 rgba(255,255,255,.4),1px 1px 0 rgba(255,255,255,.4),0 -2px 8px,0 0 2px,0 0 5px #ff7e00,0 0 15px #f44,0 0 2px #ff7e00,0 2px 3px #000}20%,21.999%,63%,63.999%,65%,69.999%{opacity:.4;text-shadow:none}}@keyframes glitch{2%,64%{transform:translate(2px,0)skew(0)}4%,60%{transform:translate(-2px,0)skew(0)}62%{transform:translate(0,0)skew(5deg)}}@keyframes glitch-top{2%,64%{transform:translate(2px,-2px)}4%,60%{transform:translate(-2px,2px)}62%{transform:translate(13px,-1px)skew(-13deg)}}@keyframes glitch-bottom{2%,64%{transform:translate(-2px,0)}4%,60%{transform:translate(-2px,0)}62%{transform:translate(-22px,5px)skew(21deg)}}@keyframes typing{to{width:100%}}@keyframes blinking{from,to{border-color:transparent}50%{border-color:orange}}h1.section-title{font-size:3em;color:#444;text-align:center}.motto{text-align:left;padding-top:1em}@media(prefers-color-scheme:dark){.alt-background{background-color:#292929}h1.section-title{color:#ddd}}@media only screen and (max-width:1200px){.banner-prompt{font-size:3em}.banner-msg-line{font-size:2em}}@media only screen and (max-width:1000px){html,body{overflow-x:hidden}body{-webkit-text-size-adjust:none}}@media only screen and (max-width:800px){.banner-scanline{--scanline-area:$term-height-mobile}.banner-prompt{font-size:2em}.banner-msg-line{font-size:1.5em;padding-left:3em}} \ No newline at end of file diff --git a/resources/_gen/assets/css/css/home.css_48b060fe05b0a273d182ef83c0605941.json b/resources/_gen/assets/css/css/home.css_48b060fe05b0a273d182ef83c0605941.json new file mode 100644 index 0000000..c329277 --- /dev/null +++ b/resources/_gen/assets/css/css/home.css_48b060fe05b0a273d182ef83c0605941.json @@ -0,0 +1 @@ +{"Target":"css/home.min.4c9feafeab8017f7a8a23fac16d131d3b087fbed2ec892551b95a3dd7e8e47d5.css","MediaType":"text/css","Data":{"Integrity":"sha256-TJ/q/quAF/eooj+sFtEx07CH++0uyJJVG5Wj3X6OR9U="}} \ No newline at end of file diff --git a/resources/_gen/assets/css/css/navigation.css_48b060fe05b0a273d182ef83c0605941.content b/resources/_gen/assets/css/css/navigation.css_48b060fe05b0a273d182ef83c0605941.content new file mode 100644 index 0000000..0cda219 --- /dev/null +++ b/resources/_gen/assets/css/css/navigation.css_48b060fe05b0a273d182ef83c0605941.content @@ -0,0 +1 @@ +#mobile-navbar{display:none;overflow:hidden;color:#fff!important;font-weight:700}#mobile-subnav{background-color:#0a1922}#mobile-subnav{display:none}#menu{padding:5px 0;color:#fff;padding-right:5px;padding-left:5px;font-size:1.1rem!important}#navbar{display:block}.nav{background-color:#0a1922;padding:5px 0;border-top:4px solid var(--teal)}.nav-spacer{margin-bottom:30px}.df-community-link:before{content:"";background-image:url(/heart.svg)!important;background-size:12px 16px;width:12px;height:16px;margin-left:5px;margin-right:5px;vertical-align:middle;display:inline-block}#menu .navbar-item,.nav .navbar-item,.nav .navbar-item:visited{color:#fff;padding-right:5px;padding-left:5px}@media only screen and (max-width:340px){#mobile-navbar{font-size:1.1rem!important}#hamburger{padding-left:.5rem!important}}@media only screen and (max-width:1000px){#menu .navbar-item{display:block}#mobile-subnav{display:block}#mobile-toggle+#menu{display:none}#mobile-toggle:checked+#menu{display:block}#mobile-navbar,#menu{display:block;font-size:1.2rem;line-height:2.2rem}#mobile-navbar{margin-top:.4rem}#navbar{display:none}#mobile-toggle{display:none}#hamburger{float:right;padding-left:1.5rem;padding-right:.5rem;line-height:0}} \ No newline at end of file diff --git a/resources/_gen/assets/css/css/navigation.css_48b060fe05b0a273d182ef83c0605941.json b/resources/_gen/assets/css/css/navigation.css_48b060fe05b0a273d182ef83c0605941.json new file mode 100644 index 0000000..fc99e7b --- /dev/null +++ b/resources/_gen/assets/css/css/navigation.css_48b060fe05b0a273d182ef83c0605941.json @@ -0,0 +1 @@ +{"Target":"css/navigation.min.acad5d873b80dbbc3bfed76f876917d6fb8437b66d2018091c8bd51afdab0eb2.css","MediaType":"text/css","Data":{"Integrity":"sha256-rK1dhzuA27w7/tdvh2kX1vuEN7ZtIBgJHIvVGv2rDrI="}} \ No newline at end of file diff --git a/resources/_gen/assets/css/css/notfound.css_48b060fe05b0a273d182ef83c0605941.content b/resources/_gen/assets/css/css/notfound.css_48b060fe05b0a273d182ef83c0605941.content new file mode 100644 index 0000000..3056c88 --- /dev/null +++ b/resources/_gen/assets/css/css/notfound.css_48b060fe05b0a273d182ef83c0605941.content @@ -0,0 +1 @@ +.notfound-page{position:relative;display:flex;width:1500px;height:100%;margin:0 auto}.notfound-content{position:relative;flex:1;padding-top:60px;min-height:500px;max-width:500px}.notfound-404-chan-wrapper{position:relative;flex:1}#particles-bg{z-index:100}.notfound-404-chan{suser-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none} \ No newline at end of file diff --git a/resources/_gen/assets/css/css/notfound.css_48b060fe05b0a273d182ef83c0605941.json b/resources/_gen/assets/css/css/notfound.css_48b060fe05b0a273d182ef83c0605941.json new file mode 100644 index 0000000..099e902 --- /dev/null +++ b/resources/_gen/assets/css/css/notfound.css_48b060fe05b0a273d182ef83c0605941.json @@ -0,0 +1 @@ +{"Target":"css/notfound.min.8fd670f1f7b146151ae2bd3cdbd2ab27b23a5d3b5a7b23093c4e28ee8d0db07f.css","MediaType":"text/css","Data":{"Integrity":"sha256-j9Zw8fexRhUa4r0829KrJ7I6XTtaeyMJPE4o7o0NsH8="}} \ No newline at end of file diff --git a/resources/_gen/assets/css/css/particles.css_48b060fe05b0a273d182ef83c0605941.content b/resources/_gen/assets/css/css/particles.css_48b060fe05b0a273d182ef83c0605941.content new file mode 100644 index 0000000..2d5309b --- /dev/null +++ b/resources/_gen/assets/css/css/particles.css_48b060fe05b0a273d182ef83c0605941.content @@ -0,0 +1 @@ +#particles-bg,canvas{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-10} \ No newline at end of file diff --git a/resources/_gen/assets/css/css/particles.css_48b060fe05b0a273d182ef83c0605941.json b/resources/_gen/assets/css/css/particles.css_48b060fe05b0a273d182ef83c0605941.json new file mode 100644 index 0000000..0f1e7ac --- /dev/null +++ b/resources/_gen/assets/css/css/particles.css_48b060fe05b0a273d182ef83c0605941.json @@ -0,0 +1 @@ +{"Target":"css/particles.min.1267e7250414cb0155cba79bd9ff4780f779558db521b0059252823cd281dca9.css","MediaType":"text/css","Data":{"Integrity":"sha256-EmfnJQQUywFVy6eb2f9HgPd5VY21IbAFklKCPNKB3Kk="}} \ No newline at end of file diff --git a/resources/_gen/assets/css/css/style.css_48b060fe05b0a273d182ef83c0605941.content b/resources/_gen/assets/css/css/style.css_48b060fe05b0a273d182ef83c0605941.content new file mode 100644 index 0000000..23a68b5 --- /dev/null +++ b/resources/_gen/assets/css/css/style.css_48b060fe05b0a273d182ef83c0605941.content @@ -0,0 +1 @@ +*{box-sizing:border-box}html,body{width:100%;height:100%}h1.section-title{font-size:2em}h1.section-title:first-letter{text-transform:capitalize}body{margin:0;font-family:var(--body-font);font-size:var(--body-font-size);line-height:var(--body-line-height);color:var(--body-color);background-color:var(--body-bg);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a{color:var(--link-color)}a:hover,a:focus{color:var(--link-hover-color)}a strong{color:inherit}a:not(:hover){text-decoration:none}.container{margin:0 auto;position:relative;max-width:1000px;padding:0 .2em}.external-link-light:after{background-image:url(/external-link-dark.svg)!important}.external-link:after{content:"";background-image:url(/external-link-light.svg);background-size:10px 10px;display:inline-block;width:10px;height:10px;margin-left:5px}img{display:block;max-width:100%;margin-bottom:var(--spacer);border-radius:var(--border-radius)}table{margin-bottom:1rem;width:100%;border:0 solid var(--border-color);border-collapse:collapse}td,th{padding:.25rem .5rem;border-color:inherit;border-style:solid;border-width:0;border-bottom-width:1px}th{text-align:left}thead th{border-bottom-color:initial}#header{display:flex;flex-direction:row;align-items:flex-end}#header-text{font-size:2em;color:#444;font-weight:700;display:inline-block;padding:1em .5em}#header-text-small{font-size:2em;color:#444;font-weight:700;display:none;padding:1em .5em}#header-image{background-image:url(/doublefourteen-logo-dark.svg);background-repeat:no-repeat;width:330px;height:180px;display:inline-block;margin:0 .5em}.footer{text-align:center;padding-top:2em}@media(max-width:1100px){#header-text{display:none}#header-text-small{display:inline-block}}@media(prefers-color-scheme:dark){.external-link:after{background-image:url(/external-link-dark.svg)}#header-text{color:#ddd}#header-text-small{color:#ddd}#header-image{background-image:url(/doublefourteen-logo-light.svg)}} \ No newline at end of file diff --git a/resources/_gen/assets/css/css/style.css_48b060fe05b0a273d182ef83c0605941.json b/resources/_gen/assets/css/css/style.css_48b060fe05b0a273d182ef83c0605941.json new file mode 100644 index 0000000..7de0159 --- /dev/null +++ b/resources/_gen/assets/css/css/style.css_48b060fe05b0a273d182ef83c0605941.json @@ -0,0 +1 @@ +{"Target":"css/style.min.d944d9757086436e8d5b6bcad72f606958e62373e1d7ad0f79c4a5214e5e7ad9.css","MediaType":"text/css","Data":{"Integrity":"sha256-2UTZdXCGQ26NW2vK1y9gaVjmI3Ph160PecSlIU5eetk="}} \ No newline at end of file diff --git a/resources/_gen/assets/css/css/variables.css_48b060fe05b0a273d182ef83c0605941.content b/resources/_gen/assets/css/css/variables.css_48b060fe05b0a273d182ef83c0605941.content new file mode 100644 index 0000000..967b800 --- /dev/null +++ b/resources/_gen/assets/css/css/variables.css_48b060fe05b0a273d182ef83c0605941.content @@ -0,0 +1,4 @@ +:root{--gray-000:#f8f9fa;--gray-100:#f1f3f5;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#868e96;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--red:#fa5252;--pink:#e64980;--grape:#be4bdb;--purple:#7950f2;--indigo:#4c6ef5;--blue:#228be6;--cyan:#15aabf;--teal:#12b886;--green:#40c057;--yellow:#fab005;--orange:#fd7e14;--gray:#454545;--blue-300:#74c0fc;--blue-400:#4dabf7;--yellow-100:#fff3bf;--body-font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", + "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--body-font-size:20px;--body-line-height:1.5;--body-color:var(--gray-700);--body-bg:#fff;--link-color:var(--blue);--link-hover-color:#1c7ed6;--heading-color:var(--gray-900);--border-color:var(--gray-300);--border-radius:0.25rem;--code-font:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", + "Courier New", monospace;--code-color:var(--grape);--code-bg:var(--gray-000);--spacer:1rem;--spacer-2:calc(var(--spacer) * 1.5);--spacer-3:calc(var(--spacer) * 3)}@media(prefers-color-scheme:dark){:root{--body-color:var(--gray-300);--body-bg:var(--gray-800);--heading-color:#fff;--link-color:var(--blue-300);--link-hover-color:var(--blue-400);--border-color:rgba(255, 255, 255, 0.15);--code-bg:var(--gray-900)}} \ No newline at end of file diff --git a/resources/_gen/assets/css/css/variables.css_48b060fe05b0a273d182ef83c0605941.json b/resources/_gen/assets/css/css/variables.css_48b060fe05b0a273d182ef83c0605941.json new file mode 100644 index 0000000..34069f3 --- /dev/null +++ b/resources/_gen/assets/css/css/variables.css_48b060fe05b0a273d182ef83c0605941.json @@ -0,0 +1 @@ +{"Target":"css/variables.min.64ab9ff349f04ea7ee51c5148a9834f9570ec7ceb652edba40d7abd5b2dc566b.css","MediaType":"text/css","Data":{"Integrity":"sha256-ZKuf80nwTqfuUcUUipg0+VcOx862Uu26QNer1bLcVms="}} \ No newline at end of file diff --git a/resources/_gen/assets/sass/css/home.sass_2ec2638cd8ce1b509c54aa4f79d22733.content b/resources/_gen/assets/sass/css/home.sass_2ec2638cd8ce1b509c54aa4f79d22733.content new file mode 100644 index 0000000..1b9e5fb --- /dev/null +++ b/resources/_gen/assets/sass/css/home.sass_2ec2638cd8ce1b509c54aa4f79d22733.content @@ -0,0 +1 @@ +:root{--background-color: #737475;--alt-background-color: #efefef;--foreground-color: #495057;--body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--text-color: #fff;--title-text-color: #444;--link-color: #228be6;--link-hover-color: #1c7ed6;--heading-color: #212529;--border-color: #dee2e6}@media (prefers-color-scheme: dark){:root{--background-color: #292929;--alt-background-color: #0a1922;--foreground-color: #dee2e6;--text-color: #000;--title-text-color: #ddd;--heading-color: #fff;--link-color: #74c0fc;--link-hover-color: #4dabf7;--border-color: rgba(255, 255, 255, 0.15)}}.main{background-color:var(--background-color);color:var(--foreground-color);padding:10px 15px;font-size:0.9em}.headline{max-width:1000px;height:auto;font-size:1em;text-align:center}.alt-background{background:var(--alt-background-color)}.cards-list{max-width:1000px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1.5rem 3rem}.nav-spacer{display:none}.banner-burnin{position:absolute;width:100%;height:100%;z-index:-1;box-shadow:inset 0px 0px 1px 1px rgba(64,64,64,0.1);background:radial-gradient(ellipse at center, #4e3d18 0%, rgba(64,64,64,0) 50%);transform-origin:50% 50%;transform:perspective(20px) rotateX(0.5deg) skewX(2deg) scale(1.03);animation:burnin 1s linear infinite;opacity:.9}.banner-burnin::after{position:relative;background:radial-gradient(ellipse at center, rgba(0,0,0,0.5) 0%, rgba(64,64,64,0) 100%);opacity:.1}.banner-terminal{position:relative;z-index:90;margin:0 auto;width:100%;height:550px;background-color:#0a1922;overflow:hidden}.banner-terminal::before{position:absolute;width:100%;height:100%;top:0;left:0;content:"";z-index:20;background:linear-gradient(#777 50%, #0a1922 50%);background-size:100% 4px;background-repeat:repeat-y;opacity:.14;box-shadow:inset 0px 0px 1px 1px rgba(0,0,0,0.8);animation:pulse 5s linear infinite}.banner-terminal::after{position:absolute;content:"";top:0;left:0;width:100%;height:76%;z-index:99;background:radial-gradient(ellipse at center, #000 0%, rgba(0,0,0,0.62) 45%, rgba(0,9,4,0.6) 47%, #c3993c 100%);background-color:#c3993c;box-shadow:inset 0px 0px 4px 4px rgba(100,100,100,0.5);opacity:.1}.banner-scanline{--scanline-area: 550px;position:relative;z-index:99;width:100%;height:5px;background:linear-gradient(to bottom, rgba(255,0,0,0) 0%, snow 50%, rgba(255,255,255,0.98) 51%, rgba(255,0,0,0) 100%);background-color:#fff;background-size:100% 4px;opacity:.1;animation:scanline 3.25s ease-in-out infinite}.banner-textarea{position:relative;width:1500px;height:600px;margin:0 auto}.banner-prompt{position:relative;text-align:left;padding-left:1em;font-family:Inconsolata, Courier, unicase;text-shadow:0 0 8px rgba(255,255,255,0.3);font-size:4em;color:#c3993c}.ghost,.pop{opacity:0.27}.banner-msg-line{text-shadow:0 0 8px rgba(231,214,177,0.3);font-family:Inconsolata, Courier, monospace;font-smoothing:antialiased;padding-left:6em;font-size:3em;white-space:pre;color:#c3993c;overflow:hidden}#banner-msg-animate{text-shadow:0 0 8px rgba(255,255,255,0.1);color:#6d592c;bottom:0}.flicker{margin:0;color:#2d2d2d;letter-spacing:-.05rem}.flicker::before{content:attr(letter);position:absolute;overflow:hidden;color:#fab005;z-index:30;text-shadow:none;animation:flicker 3s linear infinite}.glitch{margin:0;letter-spacing:-0.05rem;display:inline-block;animation:glitch 1s linear infinite}.glitch::before,.glitch::after{content:attr(text);position:absolute;overflow:hidden}.glitch::before{left:0;animation:glitch-top 1s linear infinite;clip-path:polygon(0 0, 100% 0, 100% 33%, 0 33%)}.glitch::after{left:0;animation:glitch-bottom 1.5s linear infinite;clip-path:polygon(0 67%, 100% 67%, 100% 100%, 0 100%)}@keyframes burnin{0%{transform:scale(1, 1.002)}50%{transform:scale(1, 1.0001)}100%{transform:scale(1.001, 1)}}@keyframes scanline{to{transform:translateY(var(--scanline-area)) translateY(-5px)}}@keyframes pulse{0%{transform:scale(1.001);opacity:.14}8%{transform:scale(1);opacity:.13}15%{transform:scale(1.004);opacity:.14}30%{transform:scale(1.002);opacity:.11}100%{transform:scale(1);opacity:.14}}@keyframes flicker{0%,19.999%,22%,62.999%,64%,64.999%,70%,100%{opacity:.99;text-shadow:-1px -1px 0 rgba(255,255,255,0.4),1px -1px 0 rgba(255,255,255,0.4),-1px 1px 0 rgba(255,255,255,0.4),1px 1px 0 rgba(255,255,255,0.4),0 -2px 8px,0 0 2px,0 0 5px #ff7e00,0 0 15px #f44,0 0 2px #ff7e00,0 2px 3px #000}20%,21.999%,63%,63.999%,65%,69.999%{opacity:0.4;text-shadow:none}}@keyframes glitch{2%,64%{transform:translate(2px, 0) skew(0deg)}4%,60%{transform:translate(-2px, 0) skew(0deg)}62%{transform:translate(0, 0) skew(5deg)}}@keyframes glitch-top{2%,64%{transform:translate(2px, -2px)}4%,60%{transform:translate(-2px, 2px)}62%{transform:translate(13px, -1px) skew(-13deg)}}@keyframes glitch-bottom{2%,64%{transform:translate(-2px, 0)}4%,60%{transform:translate(-2px, 0)}62%{transform:translate(-22px, 5px) skew(21deg)}}@keyframes typing{to{width:100%}}@keyframes blinking{from,to{border-color:transparent}50%{border-color:orange}}.motto{text-align:left;padding-top:1.5rem}@media only screen and (max-width: 1200px){.banner-terminal{height:400px}.banner-scanline{--scanline-area: 400px}.banner-prompt{font-size:3em}.banner-msg-line{font-size:2em}}@media only screen and (max-width: 1000px){html,body{overflow-x:hidden}body{-webkit-text-size-adjust:none}}@media only screen and (max-width: 800px){.banner-terminal{height:280px}.banner-scanline{--scanline-area: 280px}.banner-prompt{font-size:2em}.banner-msg-line{font-size:1.5em;padding-left:3em}} diff --git a/resources/_gen/assets/sass/css/home.sass_2ec2638cd8ce1b509c54aa4f79d22733.json b/resources/_gen/assets/sass/css/home.sass_2ec2638cd8ce1b509c54aa4f79d22733.json new file mode 100644 index 0000000..1c2ff7f --- /dev/null +++ b/resources/_gen/assets/sass/css/home.sass_2ec2638cd8ce1b509c54aa4f79d22733.json @@ -0,0 +1 @@ +{"Target":"css/home.2c1adf72cf123c3b68c525dcadc082f1589a474f975956f30e8e051d71b43b36.css","MediaType":"text/css","Data":{"Integrity":"sha256-LBrfcs8SPDtoxSXcrcCC8ViaR0+XWVbzDo4FHXG0OzY="}} \ No newline at end of file diff --git a/resources/_gen/assets/sass/css/home.sass_48b060fe05b0a273d182ef83c0605941.content b/resources/_gen/assets/sass/css/home.sass_48b060fe05b0a273d182ef83c0605941.content new file mode 100644 index 0000000..2f800d9 --- /dev/null +++ b/resources/_gen/assets/sass/css/home.sass_48b060fe05b0a273d182ef83c0605941.content @@ -0,0 +1 @@ +:root{--body-font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--body-font-size:20px;--body-line-height:1.5;--body-color:#495057;--body-bg:#fff;--link-color:#228be6;--link-hover-color:#1c7ed6;--heading-color:#212529;--border-color:#dee2e6;--border-radius:0.25rem;--code-font:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--code-color:#be4bdb;--code-bg:#f8f9fa;--spacer:1rem;--spacer-2:calc(var(--spacer) * 1.5);--spacer-3:calc(var(--spacer) * 3)}@media(prefers-color-scheme:dark){:root{--body-color:#dee2e6;--body-bg:#343a40;--heading-color:#fff;--link-color:#74c0fc;--link-hover-color:#4dabf7;--border-color:rgba(255, 255, 255, 0.15);--code-bg:#212529}}.alt-background{background-color:#efefef}.main{background-color:#737475;color:#fff;padding:10px 15px;font-size:.9em}.nav-spacer{display:none}.banner-burnin{position:absolute;width:100%;height:100%;z-index:-1;box-shadow:inset 0 0 1px 1px rgba(64,64,64,.1);background:radial-gradient(ellipse at center,#4e3d18 0%,rgba(64,64,64,0) 50%);transform-origin:50% 50%;transform:perspective(20px)rotateX(.5deg)skewX(2deg)scale(1.03);animation:burnin 1s linear infinite;opacity:.9}.banner-burnin::after{position:relative;background:radial-gradient(ellipse at center,rgba(0,0,0,.5) 0%,rgba(64,64,64,0) 100%);opacity:.1}.banner-terminal{position:relative;z-index:90;margin:0 auto;width:100%;height:550px;background-color:#0a1922;overflow:hidden}.banner-terminal::before{position:absolute;width:100%;height:100%;top:0;left:0;content:"";z-index:100;background:linear-gradient(#777 50%,#0a1922 50%);background-size:100% 4px;background-repeat:repeat-y;opacity:.14;box-shadow:inset 0 0 1px 1px rgba(0,0,0,.8);animation:pulse 5s linear infinite}.banner-terminal::after{position:absolute;content:"";top:0;left:0;width:100%;height:76%;z-index:99;background:radial-gradient(ellipse at center,black 0%,rgba(0,0,0,.62) 45%,rgba(0,9,4,.6) 47%,#c3993c 100%);background-color:#c3993c;box-shadow:inset 0 0 4px 4px rgba(100,100,100,.5);opacity:.1}.banner-scanline{--scanline-area:550px;position:relative;z-index:99;width:100%;height:5px;background:linear-gradient(to bottom,rgba(255,0,0,0) 0%,snow 50%,rgba(255,255,255,.98) 51%,rgba(255,0,0,0) 100%);background-color:#fff;background-size:100% 4px;opacity:.1;animation:scanline 3.25s ease-in-out infinite}.banner-textarea{position:relative;width:1500px;height:600px;margin:0 auto}.banner-prompt{position:relative;text-align:left;padding-left:1em;font-family:Inconsolata,Courier,unicase;text-shadow:0 0 8px rgba(255,255,255,.3);font-size:4em;color:#c3993c}.ghost,.pop{opacity:.27}.banner-msg-line{text-shadow:0 0 8px rgba(231,214,177,.3);font-family:Inconsolata,Courier,monospace;font-smoothing:antialiased;padding-left:6em;font-size:3em;white-space:pre;color:#c3993c;overflow:hidden}#banner-msg-animate{text-shadow:0 0 8px rgba(255,255,255,.1);color:#6d592c;bottom:0}.flicker{margin:0;color:#2d2d2d;letter-spacing:-.05rem}.flicker::before{content:attr(letter);position:absolute;overflow:hidden;color:#fc0;z-index:5;text-shadow:none;animation:flicker 3s linear infinite}.glitch{margin:0;letter-spacing:-.05rem;display:inline-block;animation:glitch 1s linear infinite}.glitch::before,.glitch::after{content:attr(text);position:absolute;overflow:hidden}.glitch::before{left:0;animation:glitch-top 1s linear infinite;clip-path:polygon(0 0,100% 0,100% 33%,0 33%)}.glitch::after{left:0;animation:glitch-bottom 1.5s linear infinite;clip-path:polygon(0 67%,100% 67%,100% 100%,0 100%)}@keyframes burnin{0%{transform:scale(1,1.002)}50%{transform:scale(1,1.0001)}100%{transform:scale(1.001,1)}}@keyframes scanline{to{transform:translateY(var(--scanline-area))translateY(-5px)}}@keyframes pulse{0%{transform:scale(1.001);opacity:.14}8%{transform:scale(1);opacity:.13}15%{transform:scale(1.004);opacity:.14}30%{transform:scale(1.002);opacity:.11}100%{transform:scale(1);opacity:.14}}@keyframes flicker{0%,19.999%,22%,62.999%,64%,64.999%,70%,100%{opacity:.99;text-shadow:-1px -1px 0 rgba(255,255,255,.4),1px -1px 0 rgba(255,255,255,.4),-1px 1px 0 rgba(255,255,255,.4),1px 1px 0 rgba(255,255,255,.4),0 -2px 8px,0 0 2px,0 0 5px #ff7e00,0 0 15px #f44,0 0 2px #ff7e00,0 2px 3px #000}20%,21.999%,63%,63.999%,65%,69.999%{opacity:.4;text-shadow:none}}@keyframes glitch{2%,64%{transform:translate(2px,0)skew(0)}4%,60%{transform:translate(-2px,0)skew(0)}62%{transform:translate(0,0)skew(5deg)}}@keyframes glitch-top{2%,64%{transform:translate(2px,-2px)}4%,60%{transform:translate(-2px,2px)}62%{transform:translate(13px,-1px)skew(-13deg)}}@keyframes glitch-bottom{2%,64%{transform:translate(-2px,0)}4%,60%{transform:translate(-2px,0)}62%{transform:translate(-22px,5px)skew(21deg)}}@keyframes typing{to{width:100%}}@keyframes blinking{from,to{border-color:transparent}50%{border-color:orange}}h1.section-title{font-size:3em;color:#444;text-align:center}.motto{text-align:left;padding-top:1em}@media(prefers-color-scheme:dark){.alt-background{background-color:#292929}h1.section-title{color:#ddd}}@media only screen and (max-width:1200px){.banner-terminal{height:400px}.banner-scanline{--scanline-area:400px}.banner-prompt{font-size:3em}.banner-msg-line{font-size:2em}}@media only screen and (max-width:1000px){html,body{overflow-x:hidden}body{-webkit-text-size-adjust:none}}@media only screen and (max-width:800px){.banner-terminal{height:280px}.banner-scanline{--scanline-area:280px}.banner-prompt{font-size:2em}.banner-msg-line{font-size:1.5em;padding-left:3em}} \ No newline at end of file diff --git a/resources/_gen/assets/sass/css/home.sass_48b060fe05b0a273d182ef83c0605941.json b/resources/_gen/assets/sass/css/home.sass_48b060fe05b0a273d182ef83c0605941.json new file mode 100644 index 0000000..686751e --- /dev/null +++ b/resources/_gen/assets/sass/css/home.sass_48b060fe05b0a273d182ef83c0605941.json @@ -0,0 +1 @@ +{"Target":"css/home.min.fe9260a06c887cdf81a61aeac369079aa7e7a697acd29334e939ec6466473bdb.css","MediaType":"text/css","Data":{"Integrity":"sha256-/pJgoGyIfN+Bphrqw2kHmqfnppes0pM06TnsZGZHO9s="}} \ No newline at end of file diff --git a/resources/_gen/assets/sass/css/navigation.sass_2ec2638cd8ce1b509c54aa4f79d22733.content b/resources/_gen/assets/sass/css/navigation.sass_2ec2638cd8ce1b509c54aa4f79d22733.content new file mode 100644 index 0000000..2a8b2fe --- /dev/null +++ b/resources/_gen/assets/sass/css/navigation.sass_2ec2638cd8ce1b509c54aa4f79d22733.content @@ -0,0 +1 @@ +:root{--background-color: #737475;--alt-background-color: #efefef;--foreground-color: #495057;--body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--text-color: #fff;--title-text-color: #444;--link-color: #228be6;--link-hover-color: #1c7ed6;--heading-color: #212529;--border-color: #dee2e6}@media (prefers-color-scheme: dark){:root{--background-color: #292929;--alt-background-color: #0a1922;--foreground-color: #dee2e6;--text-color: #000;--title-text-color: #ddd;--heading-color: #fff;--link-color: #74c0fc;--link-hover-color: #4dabf7;--border-color: rgba(255, 255, 255, 0.15)}}#mobile-navbar{display:none;overflow:hidden;color:white !important;font-weight:bold}#mobile-subnav{background-color:#0a1922}#mobile-subnav{display:none}#menu{padding:5px 0;color:white;padding-right:5px;padding-left:5px;font-size:1.1rem !important}#navbar{display:block}.nav{background-color:#0a1922;padding:5px 0;border-top:4px solid #12b886}.nav-spacer{margin-bottom:30px}.df-community-link:before{content:"";background-image:url(/heart.svg) !important;background-size:12px 16px;width:12px;height:16px;margin-left:5px;margin-right:5px;vertical-align:middle;display:inline-block}#menu .navbar-item,.nav .navbar-item,.nav .navbar-item:visited{color:white;padding-right:5px;padding-left:5px}@media only screen and (max-width: 340px){#mobile-navbar{font-size:1.1rem !important}#hamburger{padding-left:0.5rem !important}}@media only screen and (max-width: 1000px){#menu .navbar-item{display:block}#mobile-subnav{display:block}#mobile-toggle+#menu{display:none}#mobile-toggle:checked+#menu{display:block}#mobile-navbar,#menu{display:block;font-size:1.2rem;line-height:2.2rem}#mobile-navbar{margin-top:0.4rem}#navbar{display:none}#mobile-toggle{display:none}#hamburger{float:right;padding-left:1.5rem;padding-right:0.5rem;line-height:0}} diff --git a/resources/_gen/assets/sass/css/navigation.sass_2ec2638cd8ce1b509c54aa4f79d22733.json b/resources/_gen/assets/sass/css/navigation.sass_2ec2638cd8ce1b509c54aa4f79d22733.json new file mode 100644 index 0000000..1678abb --- /dev/null +++ b/resources/_gen/assets/sass/css/navigation.sass_2ec2638cd8ce1b509c54aa4f79d22733.json @@ -0,0 +1 @@ +{"Target":"css/navigation.1a3e87cd446d5f1b61dd79f4152b3bb148649c8332e99134da0a231adc630f98.css","MediaType":"text/css","Data":{"Integrity":"sha256-Gj6HzURtXxth3Xn0FSs7sUhknIMy6ZE02gojGtxjD5g="}} \ No newline at end of file diff --git a/resources/_gen/assets/sass/css/notfound.sass_2ec2638cd8ce1b509c54aa4f79d22733.content b/resources/_gen/assets/sass/css/notfound.sass_2ec2638cd8ce1b509c54aa4f79d22733.content new file mode 100644 index 0000000..6550b21 --- /dev/null +++ b/resources/_gen/assets/sass/css/notfound.sass_2ec2638cd8ce1b509c54aa4f79d22733.content @@ -0,0 +1 @@ +:root{--background-color: #737475;--alt-background-color: #efefef;--foreground-color: #495057;--body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--text-color: #fff;--title-text-color: #444;--link-color: #228be6;--link-hover-color: #1c7ed6;--heading-color: #212529;--border-color: #dee2e6}@media (prefers-color-scheme: dark){:root{--background-color: #292929;--alt-background-color: #0a1922;--foreground-color: #dee2e6;--text-color: #000;--title-text-color: #ddd;--heading-color: #fff;--link-color: #74c0fc;--link-hover-color: #4dabf7;--border-color: rgba(255, 255, 255, 0.15)}}.notfound-page{position:relative;display:flex;flex-wrap:wrap;width:1000px;margin:0 auto;gap:1.5rem}.notfound-content{position:relative;padding-top:1.5rem;max-width:400px}.notes{padding-top:1rem}.notfound-404-chan{position:relative;width:400px;height:500px;background-image:url("/404-chan_sm.png");background-position:bottom right 3rem;background-repeat:no-repeat;background-size:144px 256px}#particles-bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:100}@media (max-width: 800px){.notfound-content{text-align:center}.notfound-page{flex-direction:column}} diff --git a/resources/_gen/assets/sass/css/notfound.sass_2ec2638cd8ce1b509c54aa4f79d22733.json b/resources/_gen/assets/sass/css/notfound.sass_2ec2638cd8ce1b509c54aa4f79d22733.json new file mode 100644 index 0000000..900c266 --- /dev/null +++ b/resources/_gen/assets/sass/css/notfound.sass_2ec2638cd8ce1b509c54aa4f79d22733.json @@ -0,0 +1 @@ +{"Target":"css/notfound.d5335f5ffd06a11724e785740f8a7c3510cafaba0e80a9f9631156d33c3a176f.css","MediaType":"text/css","Data":{"Integrity":"sha256-1TNfX/0GoRck54V0D4p8NRDK+roOgKn5YxFW0zw6F28="}} \ No newline at end of file diff --git a/resources/_gen/assets/sass/css/notfound.sass_48b060fe05b0a273d182ef83c0605941.content b/resources/_gen/assets/sass/css/notfound.sass_48b060fe05b0a273d182ef83c0605941.content new file mode 100644 index 0000000..30ebcce --- /dev/null +++ b/resources/_gen/assets/sass/css/notfound.sass_48b060fe05b0a273d182ef83c0605941.content @@ -0,0 +1 @@ +.notfound-page{position:relative;display:flex;width:1500px;height:100%;margin:0 auto}.notfound-content{position:relative;flex:1;padding-top:60px;min-height:500px;max-width:500px}.notfound-404-chan-wrapper{position:relative;flex:1}#particles-bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:100}.notfound-404-chan{suser-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none} \ No newline at end of file diff --git a/resources/_gen/assets/sass/css/notfound.sass_48b060fe05b0a273d182ef83c0605941.json b/resources/_gen/assets/sass/css/notfound.sass_48b060fe05b0a273d182ef83c0605941.json new file mode 100644 index 0000000..1cee2a8 --- /dev/null +++ b/resources/_gen/assets/sass/css/notfound.sass_48b060fe05b0a273d182ef83c0605941.json @@ -0,0 +1 @@ +{"Target":"css/notfound.min.7af2d4e98e0e95317dfd8f8e721927a5a4a16a51163c83d93a1fd266bbb782df.css","MediaType":"text/css","Data":{"Integrity":"sha256-evLU6Y4OlTF9/Y+OchknpaShalEWPIPZOh/SZru3gt8="}} \ No newline at end of file diff --git a/resources/_gen/assets/sass/css/style.sass_2ec2638cd8ce1b509c54aa4f79d22733.content b/resources/_gen/assets/sass/css/style.sass_2ec2638cd8ce1b509c54aa4f79d22733.content new file mode 100644 index 0000000..8296adb --- /dev/null +++ b/resources/_gen/assets/sass/css/style.sass_2ec2638cd8ce1b509c54aa4f79d22733.content @@ -0,0 +1 @@ +:root{--background-color: #737475;--alt-background-color: #efefef;--foreground-color: #495057;--body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--text-color: #fff;--title-text-color: #444;--link-color: #228be6;--link-hover-color: #1c7ed6;--heading-color: #212529;--border-color: #dee2e6}@media (prefers-color-scheme: dark){:root{--background-color: #292929;--alt-background-color: #0a1922;--foreground-color: #dee2e6;--text-color: #000;--title-text-color: #ddd;--heading-color: #fff;--link-color: #74c0fc;--link-hover-color: #4dabf7;--border-color: rgba(255, 255, 255, 0.15)}}@media only screen and (max-width: 600px){.on-pc-screen{display:none !important}}@media only screen and (min-width: 600px){.on-mobile-screen{display:none !important}}@media only screen and (max-width: 1200px){.on-largest-screen{display:none !important}}@media only screen and (min-width: 1200px){.up-to-largest-screen{display:none !important}}@media only screen and (max-width: 1000px){.on-large-screen{display:none !important}}@media only screen and (min-width: 1000px){.up-to-large-screen{display:none !important}}@media only screen and (max-width: 800px){.on-small-screen{display:none !important}}@media only screen and (min-width: 800px){.up-to-small-screen{display:none !important}}*{box-sizing:border-box;z-index:1}html,body{width:100%;height:100%;min-width:500px}h1.page-title{text-align:left;font-size:2em;color:var(--title-text-color)}h1.page-title:first-letter{text-transform:capitalize}body{margin:0;font-family:var(--body-font);font-size:20px;line-height:1.5;color:var(--foreground-color);background-color:var(--background-color);-webkit-text-size-adjust:100%;-webkit-text-size-adjust--ms-text-size-adjust:100%}a{color:var(--link-color)}a:hover,a:focus{color:var(--link-hover-color)}a strong{color:inherit}a:not(:hover){text-decoration:none}.container{margin:0 auto;position:relative;max-width:1000px;padding:0 0.2em}.external-link-light:after{background-image:url(/external-link-dark.svg) !important}.external-link:after{content:"";background-image:url(/external-link-light.svg);background-size:10px 10px;display:inline-block;width:10px;height:10px;margin-left:5px}img{display:block;max-width:100%;margin-bottom:1rem;border-radius:.25rem}table{margin-bottom:1rem;width:100%;border:0 solid var(--border-color);border-collapse:collapse}td,th{padding:.25rem .5rem;border-color:inherit;border-style:solid;border-width:0;border-bottom-width:1px}th{text-align:left}thead th{border-bottom-color:currentColor}.header{display:flex;align-items:flex-end}.header-text{font-size:2em;color:var(--title-text-color);font-weight:bold;display:inline-block;padding:1em 0.5em 1em 0.5em}.header-image{background-image:url(/doublefourteen-logo-dark.svg);background-repeat:no-repeat;width:330px;height:180px;display:inline-block;margin:0 0.5em 0 0.5em}.work-in-progress-content{display:flex;justify-content:space-between}.work-in-progress-text{position:relative}.work-in-progress-sign{width:400px;height:386px;background-image:url(/work-in-progress.png);background-position:bottom right;background-repeat:no-repeat;background-size:400px 386px}.button,.button:hover{background-color:transparent;border:2px solid #737475;color:#333;padding:7px 12px;display:block;margin:10px 0;font-size:20px;font-weight:700;text-decoration:none !important}.button a{display:inline;text-decoration:none !important;color:#666}.button:hover{background-color:#7f7f7f}.footer{text-align:center;padding-top:1.5rem}@media (prefers-color-scheme: dark){.external-link:after{background-image:url(/external-link-dark.svg)}.header-image{background-image:url(/doublefourteen-logo-light.svg)}.button,.button:hover{color:inherit}.button a{color:#ccc}.button:hover{background-color:#383838}}@media only screen and (max-width: 800px){.work-in-progress-content{flex-direction:column}.work-in-progress-text{text-align:center}} diff --git a/resources/_gen/assets/sass/css/style.sass_2ec2638cd8ce1b509c54aa4f79d22733.json b/resources/_gen/assets/sass/css/style.sass_2ec2638cd8ce1b509c54aa4f79d22733.json new file mode 100644 index 0000000..e985892 --- /dev/null +++ b/resources/_gen/assets/sass/css/style.sass_2ec2638cd8ce1b509c54aa4f79d22733.json @@ -0,0 +1 @@ +{"Target":"css/style.14e9793f6c6b6d3683942f19e20cd9c2c21843299949df423dc286e6c113317c.css","MediaType":"text/css","Data":{"Integrity":"sha256-FOl5P2xrbTaDlC8Z4gzZwsIYQymZSd9CPcKG5sETMXw="}} \ No newline at end of file diff --git a/resources/_gen/assets/sass/sass/home.sass_2ec2638cd8ce1b509c54aa4f79d22733.content b/resources/_gen/assets/sass/sass/home.sass_2ec2638cd8ce1b509c54aa4f79d22733.content new file mode 100644 index 0000000..2023409 --- /dev/null +++ b/resources/_gen/assets/sass/sass/home.sass_2ec2638cd8ce1b509c54aa4f79d22733.content @@ -0,0 +1 @@ +:root{--background-color: #efefef;--alt-background-color: #dfdfdf;--foreground-color: #495057;--body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--text-color: #fff;--title-text-color: #444;--link-color: #228be6;--link-hover-color: #1c7ed6;--heading-color: #212529;--border-color: #dee2e6}@media (prefers-color-scheme: dark){:root{--background-color: #292929;--alt-background-color: #0a1922;--foreground-color: #dee2e6;--text-color: #000;--title-text-color: #ddd;--heading-color: #fff;--link-color: #74c0fc;--link-hover-color: #4dabf7;--border-color: rgba(255, 255, 255, 0.15)}}.main{background-color:var(--background-color);color:var(--foreground-color);padding:10px 15px;font-size:0.9em}.headline{max-width:1000px;height:auto;font-size:1em;text-align:center}.alt-background{background:var(--alt-background-color)}.cards-list{max-width:1000px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1.5rem 3rem}.nav-spacer{display:none}.banner-burnin{position:absolute;width:100%;height:100%;z-index:-1;box-shadow:inset 0px 0px 1px 1px rgba(64,64,64,0.1);background:radial-gradient(ellipse at center, #4e3d18 0%, rgba(64,64,64,0) 50%);transform-origin:50% 50%;transform:perspective(20px) rotateX(0.5deg) skewX(2deg) scale(1.03);animation:burnin 1s linear infinite;opacity:.9}.banner-burnin::after{position:relative;background:radial-gradient(ellipse at center, rgba(0,0,0,0.5) 0%, rgba(64,64,64,0) 100%);opacity:.1}.banner-terminal{position:relative;z-index:90;margin:0 auto;width:100%;height:550px;background-color:#0a1922;overflow:hidden}.banner-terminal::before{position:absolute;width:100%;height:100%;top:0;left:0;content:"";z-index:20;background:linear-gradient(#777 50%, #0a1922 50%);background-size:100% 4px;background-repeat:repeat-y;opacity:.14;box-shadow:inset 0px 0px 1px 1px rgba(0,0,0,0.8);animation:pulse 5s linear infinite}.banner-terminal::after{position:absolute;content:"";top:0;left:0;width:100%;height:76%;z-index:99;background:radial-gradient(ellipse at center, #000 0%, rgba(0,0,0,0.62) 45%, rgba(0,9,4,0.6) 47%, #c3993c 100%);background-color:#c3993c;box-shadow:inset 0px 0px 4px 4px rgba(100,100,100,0.5);opacity:.1}.banner-scanline{--scanline-area: 550px;position:relative;z-index:99;width:100%;height:5px;background:linear-gradient(to bottom, rgba(255,0,0,0) 0%, snow 50%, rgba(255,255,255,0.98) 51%, rgba(255,0,0,0) 100%);background-color:#fff;background-size:100% 4px;opacity:.1;animation:scanline 3.25s ease-in-out infinite}.banner-textarea{position:relative;width:1500px;height:600px;margin:0 auto}.banner-prompt{position:relative;text-align:left;padding-left:1em;font-family:Inconsolata, Courier, unicase;text-shadow:0 0 8px rgba(255,255,255,0.3);font-size:4em;color:#c3993c}.ghost,.pop{opacity:0.27}.banner-msg-line{text-shadow:0 0 8px rgba(231,214,177,0.3);font-family:Inconsolata, Courier, monospace;font-smoothing:antialiased;padding-left:6em;font-size:3em;white-space:pre;color:#c3993c;overflow:hidden}#banner-msg-animate{text-shadow:0 0 8px rgba(255,255,255,0.1);color:#6d592c;bottom:0}.flicker{margin:0;color:#2d2d2d;letter-spacing:-.05rem}.flicker::before{content:attr(letter);position:absolute;overflow:hidden;color:#fab005;z-index:30;text-shadow:none;animation:flicker 3s linear infinite}.glitch{margin:0;letter-spacing:-0.05rem;display:inline-block;animation:glitch 1s linear infinite}.glitch::before,.glitch::after{content:attr(text);position:absolute;overflow:hidden}.glitch::before{left:0;animation:glitch-top 1s linear infinite;clip-path:polygon(0 0, 100% 0, 100% 33%, 0 33%)}.glitch::after{left:0;animation:glitch-bottom 1.5s linear infinite;clip-path:polygon(0 67%, 100% 67%, 100% 100%, 0 100%)}@keyframes burnin{0%{transform:scale(1, 1.002)}50%{transform:scale(1, 1.0001)}100%{transform:scale(1.001, 1)}}@keyframes scanline{to{transform:translateY(var(--scanline-area)) translateY(-5px)}}@keyframes pulse{0%{transform:scale(1.001);opacity:.14}8%{transform:scale(1);opacity:.13}15%{transform:scale(1.004);opacity:.14}30%{transform:scale(1.002);opacity:.11}100%{transform:scale(1);opacity:.14}}@keyframes flicker{0%,19.999%,22%,62.999%,64%,64.999%,70%,100%{opacity:.99;text-shadow:-1px -1px 0 rgba(255,255,255,0.4),1px -1px 0 rgba(255,255,255,0.4),-1px 1px 0 rgba(255,255,255,0.4),1px 1px 0 rgba(255,255,255,0.4),0 -2px 8px,0 0 2px,0 0 5px #ff7e00,0 0 15px #f44,0 0 2px #ff7e00,0 2px 3px #000}20%,21.999%,63%,63.999%,65%,69.999%{opacity:0.4;text-shadow:none}}@keyframes glitch{2%,64%{transform:translate(2px, 0) skew(0deg)}4%,60%{transform:translate(-2px, 0) skew(0deg)}62%{transform:translate(0, 0) skew(5deg)}}@keyframes glitch-top{2%,64%{transform:translate(2px, -2px)}4%,60%{transform:translate(-2px, 2px)}62%{transform:translate(13px, -1px) skew(-13deg)}}@keyframes glitch-bottom{2%,64%{transform:translate(-2px, 0)}4%,60%{transform:translate(-2px, 0)}62%{transform:translate(-22px, 5px) skew(21deg)}}@keyframes typing{to{width:100%}}@keyframes blinking{from,to{border-color:transparent}50%{border-color:orange}}.motto{text-align:left;padding-top:1.5rem}@media only screen and (max-width: 1200px){.banner-terminal{height:400px}.banner-scanline{--scanline-area: 400px}.banner-prompt{font-size:3em}.banner-msg-line{font-size:2em}}@media only screen and (max-width: 1000px){html,body{overflow-x:hidden}body{-webkit-text-size-adjust:none}}@media only screen and (max-width: 800px){.banner-terminal{height:280px}.banner-scanline{--scanline-area: 280px}.banner-prompt{font-size:2em}.banner-msg-line{font-size:1.5em;padding-left:3em}} diff --git a/resources/_gen/assets/sass/sass/home.sass_2ec2638cd8ce1b509c54aa4f79d22733.json b/resources/_gen/assets/sass/sass/home.sass_2ec2638cd8ce1b509c54aa4f79d22733.json new file mode 100644 index 0000000..95942f5 --- /dev/null +++ b/resources/_gen/assets/sass/sass/home.sass_2ec2638cd8ce1b509c54aa4f79d22733.json @@ -0,0 +1 @@ +{"Target":"sass/home.78b660c2911b006de02237403706f63b4ea3283b7001b4594fd7ea78834f7962.css","MediaType":"text/css","Data":{"Integrity":"sha256-eLZgwpEbAG3gIjdANwb2O06jKDtwAbRZT9fqeINPeWI="}} \ No newline at end of file diff --git a/resources/_gen/assets/sass/sass/navigation.sass_2ec2638cd8ce1b509c54aa4f79d22733.content b/resources/_gen/assets/sass/sass/navigation.sass_2ec2638cd8ce1b509c54aa4f79d22733.content new file mode 100644 index 0000000..425bd0c --- /dev/null +++ b/resources/_gen/assets/sass/sass/navigation.sass_2ec2638cd8ce1b509c54aa4f79d22733.content @@ -0,0 +1 @@ +:root{--background-color: #efefef;--alt-background-color: #dfdfdf;--foreground-color: #495057;--body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--text-color: #fff;--title-text-color: #444;--link-color: #228be6;--link-hover-color: #1c7ed6;--heading-color: #212529;--border-color: #dee2e6}@media (prefers-color-scheme: dark){:root{--background-color: #292929;--alt-background-color: #0a1922;--foreground-color: #dee2e6;--text-color: #000;--title-text-color: #ddd;--heading-color: #fff;--link-color: #74c0fc;--link-hover-color: #4dabf7;--border-color: rgba(255, 255, 255, 0.15)}}#mobile-navbar{display:none;overflow:hidden;color:white !important;font-weight:bold}#mobile-subnav{background-color:#0a1922}#mobile-subnav{display:none}#menu{padding:5px 0;color:white;padding-right:5px;padding-left:5px;font-size:1.1rem !important}#navbar{display:block}.nav{background-color:#0a1922;padding:5px 0;border-top:4px solid #12b886}.nav-spacer{margin-bottom:30px}.df-community-link:before{content:"";background-image:url(/heart.svg) !important;background-size:12px 16px;width:12px;height:16px;margin-left:5px;margin-right:5px;vertical-align:middle;display:inline-block}#menu .navbar-item,.nav .navbar-item,.nav .navbar-item:visited{color:white;padding-right:5px;padding-left:5px}@media only screen and (max-width: 340px){#mobile-navbar{font-size:1.1rem !important}#hamburger{padding-left:0.5rem !important}}@media only screen and (max-width: 1000px){#menu .navbar-item{display:block}#mobile-subnav{display:block}#mobile-toggle+#menu{display:none}#mobile-toggle:checked+#menu{display:block}#mobile-navbar,#menu{display:block;font-size:1.2rem;line-height:2.2rem}#mobile-navbar{margin-top:0.4rem}#navbar{display:none}#mobile-toggle{display:none}#hamburger{float:right;padding-left:1.5rem;padding-right:0.5rem;line-height:0}} diff --git a/resources/_gen/assets/sass/sass/navigation.sass_2ec2638cd8ce1b509c54aa4f79d22733.json b/resources/_gen/assets/sass/sass/navigation.sass_2ec2638cd8ce1b509c54aa4f79d22733.json new file mode 100644 index 0000000..c371f92 --- /dev/null +++ b/resources/_gen/assets/sass/sass/navigation.sass_2ec2638cd8ce1b509c54aa4f79d22733.json @@ -0,0 +1 @@ +{"Target":"sass/navigation.c2388a3ec6258b34c9437b1acabacf098ebf76d90868746e174520b47950528f.css","MediaType":"text/css","Data":{"Integrity":"sha256-wjiKPsYlizTJQ3sayrrPCY6/dtkIaHRuF0UgtHlQUo8="}} \ No newline at end of file diff --git a/resources/_gen/assets/sass/sass/notfound.sass_2ec2638cd8ce1b509c54aa4f79d22733.content b/resources/_gen/assets/sass/sass/notfound.sass_2ec2638cd8ce1b509c54aa4f79d22733.content new file mode 100644 index 0000000..11569a0 --- /dev/null +++ b/resources/_gen/assets/sass/sass/notfound.sass_2ec2638cd8ce1b509c54aa4f79d22733.content @@ -0,0 +1 @@ +:root{--background-color: #efefef;--alt-background-color: #dfdfdf;--foreground-color: #495057;--body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--text-color: #fff;--title-text-color: #444;--link-color: #228be6;--link-hover-color: #1c7ed6;--heading-color: #212529;--border-color: #dee2e6}@media (prefers-color-scheme: dark){:root{--background-color: #292929;--alt-background-color: #0a1922;--foreground-color: #dee2e6;--text-color: #000;--title-text-color: #ddd;--heading-color: #fff;--link-color: #74c0fc;--link-hover-color: #4dabf7;--border-color: rgba(255, 255, 255, 0.15)}}.notfound-page{position:relative;display:flex;flex-wrap:wrap;width:1000px;margin:0 auto;gap:1.5rem}.notfound-content{position:relative;padding-top:1.5rem;max-width:400px}.notes{padding-top:1rem}.notfound-404-chan{position:relative;width:400px;height:500px;background-image:url("/404-chan_sm.png");background-position:bottom right 3rem;background-repeat:no-repeat;background-size:144px 256px}#particles-bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:100}@media (max-width: 800px){.notfound-content{text-align:center}.notfound-page{flex-direction:column}} diff --git a/resources/_gen/assets/sass/sass/notfound.sass_2ec2638cd8ce1b509c54aa4f79d22733.json b/resources/_gen/assets/sass/sass/notfound.sass_2ec2638cd8ce1b509c54aa4f79d22733.json new file mode 100644 index 0000000..bbce669 --- /dev/null +++ b/resources/_gen/assets/sass/sass/notfound.sass_2ec2638cd8ce1b509c54aa4f79d22733.json @@ -0,0 +1 @@ +{"Target":"sass/notfound.3230ae6a62d9e6fc90bed42f285492ba8b05f818abbd71e0c96e5ba56cdb320e.css","MediaType":"text/css","Data":{"Integrity":"sha256-MjCuamLZ5vyQvtQvKFSSuosF+BirvXHgyW5bpWzbMg4="}} \ No newline at end of file diff --git a/resources/_gen/assets/sass/sass/style.sass_2ec2638cd8ce1b509c54aa4f79d22733.content b/resources/_gen/assets/sass/sass/style.sass_2ec2638cd8ce1b509c54aa4f79d22733.content new file mode 100644 index 0000000..8440741 --- /dev/null +++ b/resources/_gen/assets/sass/sass/style.sass_2ec2638cd8ce1b509c54aa4f79d22733.content @@ -0,0 +1 @@ +:root{--background-color: #efefef;--alt-background-color: #dfdfdf;--foreground-color: #495057;--body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--text-color: #fff;--title-text-color: #444;--link-color: #228be6;--link-hover-color: #1c7ed6;--heading-color: #212529;--border-color: #dee2e6}@media (prefers-color-scheme: dark){:root{--background-color: #292929;--alt-background-color: #0a1922;--foreground-color: #dee2e6;--text-color: #000;--title-text-color: #ddd;--heading-color: #fff;--link-color: #74c0fc;--link-hover-color: #4dabf7;--border-color: rgba(255, 255, 255, 0.15)}}@media only screen and (max-width: 600px){.on-pc-screen{display:none !important}}@media only screen and (min-width: 600px){.on-mobile-screen{display:none !important}}@media only screen and (max-width: 1200px){.on-largest-screen{display:none !important}}@media only screen and (min-width: 1200px){.up-to-largest-screen{display:none !important}}@media only screen and (max-width: 1000px){.on-large-screen{display:none !important}}@media only screen and (min-width: 1000px){.up-to-large-screen{display:none !important}}@media only screen and (max-width: 800px){.on-small-screen{display:none !important}}@media only screen and (min-width: 800px){.up-to-small-screen{display:none !important}}*{box-sizing:border-box;z-index:1}html,body{width:100%;height:100%;min-width:500px}h1.page-title{text-align:left;font-size:2em;color:var(--title-text-color)}h1.page-title:first-letter{text-transform:capitalize}body{margin:0;font-family:var(--body-font);font-size:20px;line-height:1.5;color:var(--foreground-color);background-color:var(--background-color);-webkit-text-size-adjust:100%;-webkit-text-size-adjust--ms-text-size-adjust:100%}a{color:var(--link-color)}a:hover,a:focus{color:var(--link-hover-color)}a strong{color:inherit}a:not(:hover){text-decoration:none}.container{margin:0 auto;position:relative;max-width:1000px;padding:0 0.2em}.external-link-light:after{background-image:url(/external-link-dark.svg) !important}.external-link:after{content:"";background-image:url(/external-link-light.svg);background-size:10px 10px;display:inline-block;width:10px;height:10px;margin-left:5px}img{display:block;max-width:100%;margin-bottom:1rem;border-radius:.25rem}table{margin-bottom:1rem;width:100%;border:0 solid var(--border-color);border-collapse:collapse}td,th{padding:.25rem .5rem;border-color:inherit;border-style:solid;border-width:0;border-bottom-width:1px}th{text-align:left}thead th{border-bottom-color:currentColor}.header{display:flex;align-items:flex-end}.header-text{font-size:2em;color:var(--title-text-color);font-weight:bold;display:inline-block;padding:1em 0.5em 1em 0.5em}.header-image{background-image:url(/doublefourteen-logo-dark.svg);background-repeat:no-repeat;width:330px;height:180px;display:inline-block;margin:0 0.5em 0 0.5em}.work-in-progress-content{display:flex;justify-content:space-between}.work-in-progress-text{position:relative}.work-in-progress-sign{width:400px;height:386px;background-image:url(/work-in-progress.png);background-position:bottom right;background-repeat:no-repeat;background-size:400px 386px}.button,.button:hover{background-color:transparent;border:2px solid #737475;color:#333;padding:7px 12px;display:block;margin:10px 0;font-size:20px;font-weight:700;text-decoration:none !important}.button a{display:inline;text-decoration:none !important;color:#666}.button:hover{background-color:#7f7f7f}.footer{text-align:center;padding-top:1.5rem}@media (prefers-color-scheme: dark){.external-link:after{background-image:url(/external-link-dark.svg)}.header-image{background-image:url(/doublefourteen-logo-light.svg)}.button,.button:hover{color:inherit}.button a{color:#ccc}.button:hover{background-color:#383838}}@media only screen and (max-width: 800px){.work-in-progress-content{flex-direction:column}.work-in-progress-text{text-align:center}} diff --git a/resources/_gen/assets/sass/sass/style.sass_2ec2638cd8ce1b509c54aa4f79d22733.json b/resources/_gen/assets/sass/sass/style.sass_2ec2638cd8ce1b509c54aa4f79d22733.json new file mode 100644 index 0000000..b53e853 --- /dev/null +++ b/resources/_gen/assets/sass/sass/style.sass_2ec2638cd8ce1b509c54aa4f79d22733.json @@ -0,0 +1 @@ +{"Target":"sass/style.31c0df1af1c551ede13db9f99995a7ece9d2a3dfe4dc29bac27689d48a9e1392.css","MediaType":"text/css","Data":{"Integrity":"sha256-McDfGvHFUe3hPbn5mZWn7OnSo9/k3Cm6wnaJ1IqeE5I="}} \ No newline at end of file diff --git a/resources/_gen/assets/scss/sass/base.scss_c25f88f67e8e33f20619c76cbf49f33c.content b/resources/_gen/assets/scss/sass/base.scss_c25f88f67e8e33f20619c76cbf49f33c.content new file mode 100644 index 0000000..0169f49 --- /dev/null +++ b/resources/_gen/assets/scss/sass/base.scss_c25f88f67e8e33f20619c76cbf49f33c.content @@ -0,0 +1 @@ +*{box-sizing:border-box;z-index:2}html,body{width:100%;height:100%}h1.section-title{font-size:3em;color:#444;text-align:center}body{margin:0;font-family:var(--body-font);font-size:var(--body-font-size);line-height:var(--body-line-height);color:var(--body-color);background-color:var(--body-bg);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a{color:var(--link-color)}a:hover,a:focus{color:var(--link-hover-color)}a strong{color:inherit}img{display:block;max-width:100%;margin-bottom:var(--spacer);border-radius:var(--border-radius)}table{margin-bottom:1rem;width:100%;border:0 solid var(--border-color);border-collapse:collapse}td,th{padding:.25rem .5rem;border-color:inherit;border-style:solid;border-width:0;border-bottom-width:1px}th{text-align:left}thead th{border-bottom-color:currentColor}mark{padding:.15rem;background-color:var(--yellow-100);border-radius:.125rem}motto{text-align:center;padding-top:2em}footer{text-align:center;padding-top:2em} diff --git a/resources/_gen/assets/scss/sass/base.scss_c25f88f67e8e33f20619c76cbf49f33c.json b/resources/_gen/assets/scss/sass/base.scss_c25f88f67e8e33f20619c76cbf49f33c.json new file mode 100644 index 0000000..3154975 --- /dev/null +++ b/resources/_gen/assets/scss/sass/base.scss_c25f88f67e8e33f20619c76cbf49f33c.json @@ -0,0 +1 @@ +{"Target":"sass/base.css","MediaType":"text/css","Data":{}} \ No newline at end of file diff --git a/resources/_gen/assets/scss/sass/notfound.scss_c25f88f67e8e33f20619c76cbf49f33c.content b/resources/_gen/assets/scss/sass/notfound.scss_c25f88f67e8e33f20619c76cbf49f33c.content new file mode 100644 index 0000000..f9d220c --- /dev/null +++ b/resources/_gen/assets/scss/sass/notfound.scss_c25f88f67e8e33f20619c76cbf49f33c.content @@ -0,0 +1 @@ +.notfound-page{position:relative;display:flex}.notfound-content{position:relative;flex:1;margin-top:60px;min-height:500px}.notfound-404-chan-wrapper{position:relative;flex:1}.notfound-404-chan{position:absolute;bottom:0;margin-left:50%;margin-right:50%;margin-bottom:0;z-index:-11;pointer-events:none;suser-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none} diff --git a/resources/_gen/assets/scss/sass/notfound.scss_c25f88f67e8e33f20619c76cbf49f33c.json b/resources/_gen/assets/scss/sass/notfound.scss_c25f88f67e8e33f20619c76cbf49f33c.json new file mode 100644 index 0000000..c95b629 --- /dev/null +++ b/resources/_gen/assets/scss/sass/notfound.scss_c25f88f67e8e33f20619c76cbf49f33c.json @@ -0,0 +1 @@ +{"Target":"sass/notfound.css","MediaType":"text/css","Data":{}} \ No newline at end of file diff --git a/resources/_gen/assets/scss/sass/particles.scss_c25f88f67e8e33f20619c76cbf49f33c.content b/resources/_gen/assets/scss/sass/particles.scss_c25f88f67e8e33f20619c76cbf49f33c.content new file mode 100644 index 0000000..ca4cf0a --- /dev/null +++ b/resources/_gen/assets/scss/sass/particles.scss_c25f88f67e8e33f20619c76cbf49f33c.content @@ -0,0 +1 @@ +#particles-bg,canvas{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-10} diff --git a/resources/_gen/assets/scss/sass/particles.scss_c25f88f67e8e33f20619c76cbf49f33c.json b/resources/_gen/assets/scss/sass/particles.scss_c25f88f67e8e33f20619c76cbf49f33c.json new file mode 100644 index 0000000..7166ba2 --- /dev/null +++ b/resources/_gen/assets/scss/sass/particles.scss_c25f88f67e8e33f20619c76cbf49f33c.json @@ -0,0 +1 @@ +{"Target":"sass/particles.css","MediaType":"text/css","Data":{}} \ No newline at end of file diff --git a/resources/_gen/assets/scss/sass/variables.scss_c25f88f67e8e33f20619c76cbf49f33c.content b/resources/_gen/assets/scss/sass/variables.scss_c25f88f67e8e33f20619c76cbf49f33c.content new file mode 100644 index 0000000..73fcae3 --- /dev/null +++ b/resources/_gen/assets/scss/sass/variables.scss_c25f88f67e8e33f20619c76cbf49f33c.content @@ -0,0 +1,4 @@ +:root{--gray-000: #f8f9fa;--gray-100: #f1f3f5;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-500: #adb5bd;--gray-600: #868e96;--gray-700: #495057;--gray-800: #343a40;--gray-900: #212529;--red: #fa5252;--pink: #e64980;--grape: #be4bdb;--purple: #7950f2;--indigo: #4c6ef5;--blue: #228be6;--cyan: #15aabf;--teal: #12b886;--green: #40c057;--yellow: #fab005;--orange: #fd7e14;--gray: #454545;--blue-300: #74c0fc;--blue-400: #4dabf7;--yellow-100: #fff3bf;--body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", + "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--body-font-size: 20px;--body-line-height: 1.5;--body-color: var(--gray-700);--body-bg: #fff;--link-color: var(--blue);--link-hover-color: #1c7ed6;--heading-color: var(--gray-900);--border-color: var(--gray-300);--border-radius: 0.25rem;--code-font: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", + "Courier New", monospace;--code-color: var(--grape);--code-bg: var(--gray-000);--spacer: 1rem;--spacer-2: calc(var(--spacer) * 1.5);--spacer-3: calc(var(--spacer) * 3)}@media (prefers-color-scheme: dark){:root{--body-color: var(--gray-300);--body-bg: var(--gray-800);--heading-color: #fff;--link-color: var(--blue-300);--link-hover-color: var(--blue-400);--border-color: rgba(255, 255, 255, 0.15);--code-bg: var(--gray-900)}} diff --git a/resources/_gen/assets/scss/sass/variables.scss_c25f88f67e8e33f20619c76cbf49f33c.json b/resources/_gen/assets/scss/sass/variables.scss_c25f88f67e8e33f20619c76cbf49f33c.json new file mode 100644 index 0000000..4139457 --- /dev/null +++ b/resources/_gen/assets/scss/sass/variables.scss_c25f88f67e8e33f20619c76cbf49f33c.json @@ -0,0 +1 @@ +{"Target":"sass/variables.css","MediaType":"text/css","Data":{}} \ No newline at end of file diff --git a/themes/doublefourteen/assets/js/lib/particles.js b/themes/doublefourteen/assets/js/lib/particles.js new file mode 100644 index 0000000..ce85e1f --- /dev/null +++ b/themes/doublefourteen/assets/js/lib/particles.js @@ -0,0 +1,1603 @@ +/* ----------------------------------------------- + * Expansion over particle.js to allow more + * complex particle effects. + * + * @licstart The following is the entire license notice for the + * JavaScript code in this page. + * + * Copyright (C) 2020 Lorenzo Cogotti + * + * The JavaScript code in this page is free software: you can + * redistribute it and/or modify it under the terms of the GNU + * General Public License (GNU GPL) as published by the Free Software + * Foundation, either version 3 of the License, or (at your option) + * any later version. The code is distributed WITHOUT ANY WARRANTY; + * without even the implied warranty of MERCHANTABILITY or FITNESS + * FOR A PARTICULAR PURPOSE. See the GNU GPL for more details. + * + * As additional permission under GNU GPL version 3 section 7, you + * may distribute non-source (e.g., minimized or compacted) forms of + * that code without the copy of the GNU GPL normally required by + * section 4, provided you include this license notice and a URL + * through which recipients can access the Corresponding Source. + * + * License terms for the original version of particle.js: + * + * Author : Vincent Garreau - vincentgarreau.com + * MIT license: http://opensource.org/licenses/MIT + * Demo / Generator : vincentgarreau.com/particles.js + * GitHub : github.com/VincentGarreau/particles.js + * How to use? : Check the GitHub README + * v2.0.0 + * + * + * @licend The above is the entire license notice + * for the JavaScript code in this page. + * ----------------------------------------------- */ + +var pJS = function(tag_id, params){ + + var canvas_el = document.querySelector('#'+tag_id+' > .particles-js-canvas-el'); + + /* particles.js variables with default values */ + this.pJS = { + canvas: { + el: canvas_el, + w: canvas_el.offsetWidth, + h: canvas_el.offsetHeight + }, + particles: { + number: { + value: 400, + density: { + enable: true, + value_area: 800 + } + }, + color: { + value: '#fff' + }, + shape: { + type: 'circle', + stroke: { + width: 0, + color: '#ff0000' + }, + polygon: { + nb_sides: 5 + }, + image: { + src: '', + width: 100, + height: 100 + } + }, + opacity: { + value: 1, + random: false, + anim: { + enable: false, + speed: 2, + opacity_min: 0, + sync: false + } + }, + size: { + value: 20, + value_min: Number.MIN_VALUE, + random: false, + anim: { + enable: false, + speed: 20, + size_min: 0, + sync: false + } + }, + line_linked: { + enable: true, + distance: 100, + color: '#fff', + opacity: 1, + width: 1 + }, + move: { + enable: true, + speed: 2, + direction: 'none', + random: false, + straight: false, + out_mode: 'out', + bounce: false, + attract: { + enable: false, + rotateX: 3000, + rotateY: 3000 + } + }, + trail: { + enable: false, + samples: 5, + discont_threshold: Infinity + }, + array: [], + + /* timing */ + lastFrame: 0, + expectedFrame: 0, + frameHitchCompensate: 0 + }, + interactivity: { + detect_on: 'canvas', + events: { + onhover: { + enable: true, + mode: 'grab' + }, + onclick: { + enable: true, + mode: 'push' + }, + resize: true + }, + modes: { + grab:{ + distance: 100, + line_linked:{ + opacity: 1 + } + }, + bubble:{ + distance: 200, + size: 80, + duration: 0.4 + }, + repulse:{ + distance: 200, + duration: 0.4 + }, + push:{ + particles_nb: 4 + }, + remove:{ + particles_nb: 2 + } + }, + mouse:{} + }, + retina_detect: false, + fn: { + interact: {}, + modes: {}, + vendors:{} + }, + tmp: {} + }; + + var pJS = this.pJS; + + /* params settings */ + if(params){ + Object.deepExtend(pJS, params); + } + + pJS.tmp.obj = { + size_value: pJS.particles.size.value, + size_anim_speed: pJS.particles.size.anim.speed, + move_speed: pJS.particles.move.speed, + line_linked_distance: pJS.particles.line_linked.distance, + line_linked_width: pJS.particles.line_linked.width, + mode_grab_distance: pJS.interactivity.modes.grab.distance, + mode_bubble_distance: pJS.interactivity.modes.bubble.distance, + mode_bubble_size: pJS.interactivity.modes.bubble.size, + mode_repulse_distance: pJS.interactivity.modes.repulse.distance + }; + + + pJS.fn.retinaInit = function(){ + + if(pJS.retina_detect && window.devicePixelRatio > 1){ + pJS.canvas.pxratio = window.devicePixelRatio; + pJS.tmp.retina = true; + } + else{ + pJS.canvas.pxratio = 1; + pJS.tmp.retina = false; + } + + pJS.canvas.w = pJS.canvas.el.offsetWidth * pJS.canvas.pxratio; + pJS.canvas.h = pJS.canvas.el.offsetHeight * pJS.canvas.pxratio; + + pJS.particles.size.value = pJS.tmp.obj.size_value * pJS.canvas.pxratio; + pJS.particles.size.anim.speed = pJS.tmp.obj.size_anim_speed * pJS.canvas.pxratio; + pJS.particles.move.speed = pJS.tmp.obj.move_speed * pJS.canvas.pxratio; + pJS.particles.line_linked.distance = pJS.tmp.obj.line_linked_distance * pJS.canvas.pxratio; + pJS.interactivity.modes.grab.distance = pJS.tmp.obj.mode_grab_distance * pJS.canvas.pxratio; + pJS.interactivity.modes.bubble.distance = pJS.tmp.obj.mode_bubble_distance * pJS.canvas.pxratio; + pJS.particles.line_linked.width = pJS.tmp.obj.line_linked_width * pJS.canvas.pxratio; + pJS.interactivity.modes.bubble.size = pJS.tmp.obj.mode_bubble_size * pJS.canvas.pxratio; + pJS.interactivity.modes.repulse.distance = pJS.tmp.obj.mode_repulse_distance * pJS.canvas.pxratio; + + }; + + + /* ---------- pJS functions - canvas ------------ */ + + pJS.fn.canvasInit = function(){ + pJS.canvas.ctx = pJS.canvas.el.getContext('2d'); + }; + + pJS.fn.canvasSize = function(){ + + pJS.canvas.el.width = pJS.canvas.w; + pJS.canvas.el.height = pJS.canvas.h; + + if(pJS && pJS.interactivity.events.resize){ + + window.addEventListener('resize', function(){ + + pJS.canvas.w = pJS.canvas.el.offsetWidth; + pJS.canvas.h = pJS.canvas.el.offsetHeight; + + /* resize canvas */ + if(pJS.tmp.retina){ + pJS.canvas.w *= pJS.canvas.pxratio; + pJS.canvas.h *= pJS.canvas.pxratio; + } + + pJS.canvas.el.width = pJS.canvas.w; + pJS.canvas.el.height = pJS.canvas.h; + + /* repaint canvas on anim disabled */ + if(!pJS.particles.move.enable){ + pJS.fn.particlesEmpty(); + pJS.fn.particlesCreate(); + pJS.fn.particlesDraw(); + pJS.fn.vendors.densityAutoParticles(); + } + + /* density particles enabled */ + pJS.fn.vendors.densityAutoParticles(); + + }); + + } + + }; + + + pJS.fn.canvasPaint = function(){ + pJS.canvas.ctx.fillRect(0, 0, pJS.canvas.w, pJS.canvas.h); + }; + + pJS.fn.canvasClear = function(){ + pJS.canvas.ctx.clearRect(0, 0, pJS.canvas.w, pJS.canvas.h); + }; + + + /* --------- pJS functions - particles ----------- */ + + pJS.fn.particle = function(color, opacity, position){ + + /* size */ + this.radius = (pJS.particles.size.random ? Math.random() : 1) * pJS.particles.size.value; + if(this.radius <= pJS.particles.size.value_min){ + this.radius = pJS.particles.size.value_min; + } + + if(pJS.particles.size.anim.enable){ + this.size_status = false; + this.vs = 1000 / pJS.particles.size.anim.speed; + if(!pJS.particles.size.anim.sync){ + this.vs *= Math.random(); + } + } + + /* position */ + this.x = position ? position.x : Math.random() * pJS.canvas.w; + this.y = position ? position.y : Math.random() * pJS.canvas.h; + + /* check position - into the canvas */ + if(this.x > pJS.canvas.w - this.radius*2) this.x = this.x - this.radius; + else if(this.x < this.radius*2) this.x = this.x + this.radius; + if(this.y > pJS.canvas.h - this.radius*2) this.y = this.y - this.radius; + else if(this.y < this.radius*2) this.y = this.y + this.radius; + + /* check position - avoid overlap */ + if(pJS.particles.move.bounce){ + pJS.fn.vendors.checkOverlap(this, position); + } + + /* color */ + this.color = {}; + if(typeof(color.value) == 'object'){ + + if(color.value instanceof Array){ + var color_selected = color.value[Math.floor(Math.random() * pJS.particles.color.value.length)]; + this.color.rgb = hexToRgb(color_selected); + }else{ + if(color.value.r != undefined && color.value.g != undefined && color.value.b != undefined){ + this.color.rgb = { + r: color.value.r, + g: color.value.g, + b: color.value.b + } + } + if(color.value.h != undefined && color.value.s != undefined && color.value.l != undefined){ + this.color.hsl = { + h: color.value.h, + s: color.value.s, + l: color.value.l + } + } + } + + } + else if(color.value == 'random'){ + this.color.rgb = { + r: (Math.floor(Math.random() * (255 - 0 + 1)) + 0), + g: (Math.floor(Math.random() * (255 - 0 + 1)) + 0), + b: (Math.floor(Math.random() * (255 - 0 + 1)) + 0) + } + } + else if(typeof(color.value) == 'string'){ + this.color = color; + this.color.rgb = hexToRgb(this.color.value); + } + + /* opacity */ + this.opacity = (pJS.particles.opacity.random ? Math.random() : 1) * pJS.particles.opacity.value; + if(pJS.particles.opacity.anim.enable){ + this.opacity_status = false; + this.vo = 1000 / pJS.particles.opacity.anim.speed; + if(!pJS.particles.opacity.anim.sync){ + this.vo *= Math.random(); + } + } + + /* animation - velocity for speed */ + var velbase = {} + switch(pJS.particles.move.direction){ + case 'top': + velbase = { x:0, y:-1 }; + break; + case 'top-right': + velbase = { x:0.5, y:-0.5 }; + break; + case 'right': + velbase = { x:1, y:-0 }; + break; + case 'bottom-right': + velbase = { x:0.5, y:0.5 }; + break; + case 'bottom': + velbase = { x:0, y:1 }; + break; + case 'bottom-left': + velbase = { x:-0.5, y:1 }; + break; + case 'left': + velbase = { x:-1, y:0 }; + break; + case 'top-left': + velbase = { x:-0.5, y:-0.5 }; + break; + default: + velbase = { x:0, y:0 }; + break; + } + + if(pJS.particles.move.straight){ + this.vx = velbase.x; + this.vy = velbase.y; + if(pJS.particles.move.random){ + this.vx = this.vx * (Math.random()); + this.vy = this.vy * (Math.random()); + } + }else{ + this.vx = velbase.x + Math.random()-0.5; + this.vy = velbase.y + Math.random()-0.5; + } + + // var theta = 2.0 * Math.PI * Math.random(); + // this.vx = Math.cos(theta); + // this.vy = Math.sin(theta); + + this.vx_i = this.vx; + this.vy_i = this.vy; + + + + /* if shape is image */ + + var shape_type = pJS.particles.shape.type; + if(typeof(shape_type) == 'object'){ + if(shape_type instanceof Array){ + var shape_selected = shape_type[Math.floor(Math.random() * shape_type.length)]; + this.shape = shape_selected; + } + }else{ + this.shape = shape_type; + } + + if(this.shape == 'image'){ + var sh = pJS.particles.shape; + this.img = { + src: sh.image.src, + ratio: sh.image.width / sh.image.height + } + if(!this.img.ratio) this.img.ratio = 1; + if(pJS.tmp.img_type == 'svg' && pJS.tmp.source_svg != undefined){ + pJS.fn.vendors.createSvgImg(this); + if(pJS.tmp.pushing){ + this.img.loaded = false; + } + } + } + + + /* particle trail */ + + if(pJS.particles.trail.enable){ + this.trail = new Array(pJS.particles.trail.samples > 0 ? pJS.particles.trail.samples : 1); + } + + }; + + + pJS.fn.particle.prototype.drawAt = function(x, y, radius, opacity) { + if(opacity <= 0){ + /* discard translucent particle */ + return; + } + + var p = this; + + if(p.color.rgb){ + var color_value = 'rgba('+p.color.rgb.r+','+p.color.rgb.g+','+p.color.rgb.b+','+opacity+')'; + }else{ + var color_value = 'hsla('+p.color.hsl.h+','+p.color.hsl.s+'%,'+p.color.hsl.l+'%,'+opacity+')'; + } + + pJS.canvas.ctx.fillStyle = color_value; + pJS.canvas.ctx.beginPath(); + + switch(p.shape){ + + case 'circle': + pJS.canvas.ctx.arc(x, y, radius, 0, Math.PI * 2, false); + break; + + case 'edge': + pJS.canvas.ctx.rect(x-radius, y-radius, radius*2, radius*2); + break; + + case 'triangle': + pJS.fn.vendors.drawShape(pJS.canvas.ctx, x-radius, y+radius / 1.66, radius*2, 3, 2); + break; + + case 'polygon': + pJS.fn.vendors.drawShape( + pJS.canvas.ctx, + x - radius / (pJS.particles.shape.polygon.nb_sides/3.5), // startX + y - radius / (2.66/3.5), // startY + radius*2.66 / (pJS.particles.shape.polygon.nb_sides/3), // sideLength + pJS.particles.shape.polygon.nb_sides, // sideCountNumerator + 1 // sideCountDenominator + ); + break; + + case 'star': + pJS.fn.vendors.drawShape( + pJS.canvas.ctx, + x - radius*2 / (pJS.particles.shape.polygon.nb_sides/4), // startX + y - radius / (2*2.66/3.5), // startY + radius*2*2.66 / (pJS.particles.shape.polygon.nb_sides/3), // sideLength + pJS.particles.shape.polygon.nb_sides, // sideCountNumerator + 2 // sideCountDenominator + ); + break; + + case 'image': + function draw(){ + pJS.canvas.ctx.drawImage( + img_obj, + x-radius, + y-radius, + radius*2, + radius*2 / p.img.ratio + ); + } + + if(pJS.tmp.img_type == 'svg'){ + var img_obj = p.img.obj; + }else{ + var img_obj = pJS.tmp.img_obj; + } + + if(img_obj){ + draw(); + } + + break; + + } + + pJS.canvas.ctx.closePath(); + + if(pJS.particles.shape.stroke.width > 0){ + pJS.canvas.ctx.strokeStyle = pJS.particles.shape.stroke.color; + pJS.canvas.ctx.lineWidth = pJS.particles.shape.stroke.width; + pJS.canvas.ctx.stroke(); + } + + pJS.canvas.ctx.fill(); + + }; + + + pJS.fn.particle.prototype.draw = function(){ + var p = this; + + if (p.trail != undefined){ + + /* draw trail first */ + + for(var i = 0; i < p.trail.length; i++) { + var sample = p.trail[i]; + if (sample == null) { + /* not all samples were collected yet */ + break; + } + + /* fade trail sample and draw */ + var radius = sample.radius; + var opacity = sample.opacity * ((p.trail.length-i) / p.trail.length); + p.drawAt(sample.x, sample.y, radius, opacity); + } + } + + /* finally draw the actual particle */ + var radius = p.radius_bubble != undefined ? p.radius_bubble : p.radius; + var opacity = p.opacity_bubble != undefined ? p.opacity_bubble : p.opacity; + p.drawAt(p.x, p.y, radius, opacity); + }; + + + pJS.fn.particlesCreate = function(){ + for(var i = 0; i < pJS.particles.number.value; i++) { + pJS.particles.array.push(new pJS.fn.particle(pJS.particles.color, pJS.particles.opacity.value)); + } + }; + + pJS.fn.particlesUpdate = function(timeDelta){ + + /* calculate update factor */ + var factor = timeDelta / 1000; + + /* iterate all live particles */ + for(var i = 0; i < pJS.particles.array.length; i++){ + + /* the particle */ + var p = pJS.particles.array[i]; + + // var d = ( dx = pJS.interactivity.mouse.click_pos_x - p.x ) * dx + ( dy = pJS.interactivity.mouse.click_pos_y - p.y ) * dy; + // var f = -BANG_SIZE / d; + // if ( d < BANG_SIZE ) { + // var t = Math.atan2( dy, dx ); + // p.vx = f * Math.cos(t); + // p.vy = f * Math.sin(t); + // } + + /* keep the old position for trail effect, if necessary */ + var old_pos = { + x: p.x, + y: p.y, + radius: p.radius_bubble != undefined ? p.radius_bubble : p.radius, + opacity: p.opacity_bubble != undefined ? p.opacity_bubble : p.opacity + } + + /* move the particle */ + if(pJS.particles.move.enable){ + var ms = factor * pJS.particles.move.speed/2; + p.x += p.vx * ms; + p.y += p.vy * ms; + } + + /* change opacity status */ + if(pJS.particles.opacity.anim.enable) { + if(p.opacity_status == true) { + if(p.opacity >= pJS.particles.opacity.value) p.opacity_status = false; + p.opacity += factor * p.vo; + }else { + if(p.opacity <= pJS.particles.opacity.anim.opacity_min) p.opacity_status = true; + p.opacity -= factor * p.vo; + } + if(p.opacity < 0) p.opacity = 0; + } + + /* change size */ + if(pJS.particles.size.anim.enable){ + if(p.size_status == true){ + if(p.radius >= pJS.particles.size.value) p.size_status = false; + p.radius += factor * p.vs; + }else{ + if(p.radius <= pJS.particles.size.anim.size_min) p.size_status = true; + p.radius -= factor * p.vs; + } + if(p.radius < 0) p.radius = 0; + } + + /* change particle position if it is out of canvas */ + if(pJS.particles.move.out_mode == 'bounce'){ + var new_pos = { + x_left: p.radius, + x_right: pJS.canvas.w, + y_top: p.radius, + y_bottom: pJS.canvas.h + } + }else{ + var new_pos = { + x_left: -p.radius, + x_right: pJS.canvas.w + p.radius, + y_top: -p.radius, + y_bottom: pJS.canvas.h + p.radius + } + } + + if(p.x - p.radius > pJS.canvas.w){ + p.x = new_pos.x_left; + p.y = Math.random() * pJS.canvas.h; + } + else if(p.x + p.radius < 0){ + p.x = new_pos.x_right; + p.y = Math.random() * pJS.canvas.h; + } + if(p.y - p.radius > pJS.canvas.h){ + p.y = new_pos.y_top; + p.x = Math.random() * pJS.canvas.w; + } + else if(p.y + p.radius < 0){ + p.y = new_pos.y_bottom; + p.x = Math.random() * pJS.canvas.w; + } + + /* out of canvas modes */ + switch(pJS.particles.move.out_mode){ + case 'bounce': + if (p.x + p.radius > pJS.canvas.w) p.vx = -p.vx; + else if (p.x - p.radius < 0) p.vx = -p.vx; + if (p.y + p.radius > pJS.canvas.h) p.vy = -p.vy; + else if (p.y - p.radius < 0) p.vy = -p.vy; + break; + } + + /* events */ + if(isInArray('grab', pJS.interactivity.events.onhover.mode)){ + pJS.fn.modes.grabParticle(p); + } + + if(isInArray('bubble', pJS.interactivity.events.onhover.mode) || isInArray('bubble', pJS.interactivity.events.onclick.mode)){ + pJS.fn.modes.bubbleParticle(p); + } + + if(isInArray('repulse', pJS.interactivity.events.onhover.mode) || isInArray('repulse', pJS.interactivity.events.onclick.mode)){ + pJS.fn.modes.repulseParticle(p); + } + + /* interaction auto between particles */ + if(pJS.particles.line_linked.enable || pJS.particles.move.attract.enable){ + for(var j = i + 1; j < pJS.particles.array.length; j++){ + var p2 = pJS.particles.array[j]; + + /* link particles */ + if(pJS.particles.line_linked.enable){ + pJS.fn.interact.linkParticles(p,p2); + } + + /* attract particles */ + if(pJS.particles.move.attract.enable){ + pJS.fn.interact.attractParticles(p,p2); + } + + /* bounce particles */ + if(pJS.particles.move.bounce){ + pJS.fn.interact.bounceParticles(p,p2); + } + + } + } + + /* trail effect */ + if(pJS.particles.trail.enable){ + p.trail.copyWithin(1); + p.trail[0] = old_pos; + if(p.x == old_pos.x && p.y == old_pos.y){ + /*when position is unchanged, completely discard the trail*/ + p.trail[0].opacity = 0; + } + + /* eliminate segment on discontinuity */ + var tx = p.x - old_pos.x, + ty = p.y - old_pos.y, + d = Math.hypot(tx, ty); + + if(d > pJS.particles.trail.discont_theshold + old_pos.radius + p.radius){ + /* truncate trail*/ + p.trail[0] = null; + } + } + } + + }; + + pJS.fn.particlesDraw = function(){ + + /* calculate timing */ + var now = Date.now(); + timeDelta = pJS.particles.lastFrame == 0 ? 0 : now - pJS.particles.lastFrame, + hitchAdjust = pJS.particles.expectedFrame == 0 ? 0 : now - pJS.particles.expectedFrame; + + /* cap ludicrous values (may happen on lost focus) */ + if(timeDelta > 200) timeDelta = 200; + if(hitchAdjust > 200) hitchAdjust = 0; + + /* clear canvas */ + pJS.canvas.ctx.clearRect(0, 0, pJS.canvas.w, pJS.canvas.h); + + /* update each particles param */ + pJS.fn.particlesUpdate(timeDelta); + + /* draw each particle */ + for(var i = 0; i < pJS.particles.array.length; i++){ + var p = pJS.particles.array[i]; + p.draw(p.x, p.y, p.opacity); + } + + /* update animation timing */ + pJS.particles.lastFrame = now; + pJS.particles.frameHitchCompensate = now - pJS.particles.expectedFrame; + pJS.particles.expectedFrame = now + 1000 / 60 - hitchAdjust; + }; + + pJS.fn.particlesEmpty = function(){ + pJS.particles.array = []; + }; + + pJS.fn.particlesRefresh = function(){ + + /* init all */ + cancelRequestAnimFrame(pJS.fn.checkAnimFrame); + cancelRequestAnimFrame(pJS.fn.drawAnimFrame); + pJS.tmp.source_svg = undefined; + pJS.tmp.img_obj = undefined; + pJS.tmp.count_svg = 0; + pJS.fn.particlesEmpty(); + pJS.fn.canvasClear(); + + /* restart */ + pJS.fn.vendors.start(); + + }; + + + /* ---------- pJS functions - particles interaction ------------ */ + + pJS.fn.interact.linkParticles = function(p1, p2){ + + var dx = p1.x - p2.x, + dy = p1.y - p2.y, + dist = Math.hypot(dx, dy); + + /* draw a line between p1 and p2 if the distance between them is under the config distance */ + if(dist <= pJS.particles.line_linked.distance){ + + var opacity_line = pJS.particles.line_linked.opacity - (dist / (1/pJS.particles.line_linked.opacity)) / pJS.particles.line_linked.distance; + + if(opacity_line > 0){ + + /* style */ + var color_line = pJS.particles.line_linked.color_rgb_line; + pJS.canvas.ctx.strokeStyle = 'rgba('+color_line.r+','+color_line.g+','+color_line.b+','+opacity_line+')'; + pJS.canvas.ctx.lineWidth = pJS.particles.line_linked.width; + //pJS.canvas.ctx.lineCap = 'round'; /* performance issue */ + + /* path */ + pJS.canvas.ctx.beginPath(); + pJS.canvas.ctx.moveTo(p1.x, p1.y); + pJS.canvas.ctx.lineTo(p2.x, p2.y); + pJS.canvas.ctx.stroke(); + pJS.canvas.ctx.closePath(); + + } + } + + }; + + + pJS.fn.interact.attractParticles = function(p1, p2){ + + /* condensed particles */ + var dx = p1.x - p2.x, + dy = p1.y - p2.y, + dist = Math.hypot(dx, dy); + + if(dist <= pJS.particles.line_linked.distance){ + + var ax = dx/(pJS.particles.move.attract.rotateX*1000), + ay = dy/(pJS.particles.move.attract.rotateY*1000); + + p1.vx -= ax; + p1.vy -= ay; + + p2.vx += ax; + p2.vy += ay; + + } + } + + + pJS.fn.interact.bounceParticles = function(p1, p2){ + + var dx = p1.x - p2.x, + dy = p1.y - p2.y, + dist = Math.hypot(dx, dy), + dist_p = p1.radius+p2.radius; + + if(dist <= dist_p){ + p1.vx = -p1.vx; + p1.vy = -p1.vy; + + p2.vx = -p2.vx; + p2.vy = -p2.vy; + } + + } + + + /* ---------- pJS functions - modes events ------------ */ + + pJS.fn.modes.pushParticles = function(nb, pos){ + + pJS.tmp.pushing = true; + + for(var i = 0; i < nb; i++){ + pJS.particles.array.push( + new pJS.fn.particle( + pJS.particles.color, + pJS.particles.opacity.value, + { + 'x': pos ? pos.pos_x : Math.random() * pJS.canvas.w, + 'y': pos ? pos.pos_y : Math.random() * pJS.canvas.h + } + ) + ) + if(i == nb-1){ + if(!pJS.particles.move.enable){ + pJS.fn.particlesDraw(); + } + pJS.tmp.pushing = false; + } + } + + }; + + + pJS.fn.modes.removeParticles = function(nb){ + + pJS.particles.array.splice(0, nb); + if(!pJS.particles.move.enable){ + pJS.fn.particlesDraw(); + } + + }; + + + pJS.fn.modes.bubbleParticle = function(p){ + + /* on hover event */ + if(pJS.interactivity.events.onhover.enable && isInArray('bubble', pJS.interactivity.events.onhover.mode)){ + + var dx_mouse = p.x - pJS.interactivity.mouse.pos_x, + dy_mouse = p.y - pJS.interactivity.mouse.pos_y, + dist_mouse = Math.hypot(dx_mouse, dy_mouse), + ratio = 1 - dist_mouse / pJS.interactivity.modes.bubble.distance; + + function init(){ + p.opacity_bubble = p.opacity; + p.radius_bubble = p.radius; + } + + /* mousemove - check ratio */ + if(dist_mouse <= pJS.interactivity.modes.bubble.distance){ + + if(ratio >= 0 && pJS.interactivity.status == 'mousemove'){ + + /* size */ + if(pJS.interactivity.modes.bubble.size != pJS.particles.size.value){ + + if(pJS.interactivity.modes.bubble.size > pJS.particles.size.value){ + var size = p.radius + (pJS.interactivity.modes.bubble.size*ratio); + if(size >= 0){ + p.radius_bubble = size; + } + }else{ + var dif = p.radius - pJS.interactivity.modes.bubble.size, + size = p.radius - (dif*ratio); + if(size > 0){ + p.radius_bubble = size; + }else{ + p.radius_bubble = 0; + } + } + + } + + /* opacity */ + if(pJS.interactivity.modes.bubble.opacity != pJS.particles.opacity.value){ + + if(pJS.interactivity.modes.bubble.opacity > pJS.particles.opacity.value){ + var opacity = pJS.interactivity.modes.bubble.opacity*ratio; + if(opacity > p.opacity && opacity <= pJS.interactivity.modes.bubble.opacity){ + p.opacity_bubble = opacity; + } + }else{ + var opacity = p.opacity - (pJS.particles.opacity.value-pJS.interactivity.modes.bubble.opacity)*ratio; + if(opacity < p.opacity && opacity >= pJS.interactivity.modes.bubble.opacity){ + p.opacity_bubble = opacity; + } + } + + } + + } + + }else{ + init(); + } + + + /* mouseleave */ + if(pJS.interactivity.status == 'mouseleave'){ + init(); + } + } + + /* on click event */ + else if(pJS.interactivity.events.onclick.enable && isInArray('bubble', pJS.interactivity.events.onclick.mode)){ + + + if(pJS.tmp.bubble_clicking){ + var dx_mouse = p.x - pJS.interactivity.mouse.click_pos_x, + dy_mouse = p.y - pJS.interactivity.mouse.click_pos_y, + dist_mouse = Math.hypot(dx_mouse, dy_mouse), + time_spent = (Date.now() - pJS.interactivity.mouse.click_time)/1000; + + if(time_spent > pJS.interactivity.modes.bubble.duration){ + pJS.tmp.bubble_duration_end = true; + } + + if(time_spent > pJS.interactivity.modes.bubble.duration*2){ + pJS.tmp.bubble_clicking = false; + pJS.tmp.bubble_duration_end = false; + } + } + + + function process(bubble_param, particles_param, p_obj_bubble, p_obj, id){ + + if(bubble_param != particles_param){ + + if(!pJS.tmp.bubble_duration_end){ + if(dist_mouse <= pJS.interactivity.modes.bubble.distance){ + if(p_obj_bubble != undefined) var obj = p_obj_bubble; + else var obj = p_obj; + if(obj != bubble_param){ + var value = p_obj - (time_spent * (p_obj - bubble_param) / pJS.interactivity.modes.bubble.duration); + if(id == 'size') p.radius_bubble = value; + if(id == 'opacity') p.opacity_bubble = value; + } + }else{ + if(id == 'size') p.radius_bubble = undefined; + if(id == 'opacity') p.opacity_bubble = undefined; + } + }else{ + if(p_obj_bubble != undefined){ + var value_tmp = p_obj - (time_spent * (p_obj - bubble_param) / pJS.interactivity.modes.bubble.duration), + dif = bubble_param - value_tmp; + value = bubble_param + dif; + if(id == 'size') p.radius_bubble = value; + if(id == 'opacity') p.opacity_bubble = value; + } + } + + } + + } + + if(pJS.tmp.bubble_clicking){ + /* size */ + process(pJS.interactivity.modes.bubble.size, pJS.particles.size.value, p.radius_bubble, p.radius, 'size'); + /* opacity */ + process(pJS.interactivity.modes.bubble.opacity, pJS.particles.opacity.value, p.opacity_bubble, p.opacity, 'opacity'); + } + } + + }; + + + pJS.fn.modes.repulseParticle = function(p){ + + if(pJS.interactivity.events.onhover.enable && isInArray('repulse', pJS.interactivity.events.onhover.mode) && pJS.interactivity.status == 'mousemove') { + + var dx_mouse = p.x - pJS.interactivity.mouse.pos_x, + dy_mouse = p.y - pJS.interactivity.mouse.pos_y, + dist_mouse = Math.hypot(dx_mouse, dy_mouse); + + var normVec = {x: dx_mouse/dist_mouse, y: dy_mouse/dist_mouse}, + repulseRadius = pJS.interactivity.modes.repulse.distance, + velocity = 100, + repulseFactor = clamp((1/repulseRadius)*(-1*Math.pow(dist_mouse/repulseRadius,2)+1)*repulseRadius*velocity, 0, 50); + + var pos = { + x: p.x + normVec.x * repulseFactor, + y: p.y + normVec.y * repulseFactor + } + + if(pJS.particles.move.out_mode == 'bounce'){ + if(pos.x - p.radius > 0 && pos.x + p.radius < pJS.canvas.w) p.x = pos.x; + if(pos.y - p.radius > 0 && pos.y + p.radius < pJS.canvas.h) p.y = pos.y; + }else{ + p.x = pos.x; + p.y = pos.y; + } + + } + + else if(pJS.interactivity.events.onclick.enable && isInArray('repulse', pJS.interactivity.events.onclick.mode)) { + + if(!pJS.tmp.repulse_finish){ + pJS.tmp.repulse_count++; + if(pJS.tmp.repulse_count == pJS.particles.array.length){ + pJS.tmp.repulse_finish = true; + } + } + + if(pJS.tmp.repulse_clicking){ + + var repulseRadius = Math.pow(pJS.interactivity.modes.repulse.distance/6, 3); + + var dx = pJS.interactivity.mouse.click_pos_x - p.x, + dy = pJS.interactivity.mouse.click_pos_y - p.y, + d = dx*dx + dy*dy; + + var force = -repulseRadius / d * 1; + + function process(){ + + var f = Math.atan2(dy,dx); + p.vx = force * Math.cos(f); + p.vy = force * Math.sin(f); + + if(pJS.particles.move.out_mode == 'bounce'){ + var pos = { + x: p.x + p.vx, + y: p.y + p.vy + } + if (pos.x + p.radius > pJS.canvas.w) p.vx = -p.vx; + else if (pos.x - p.radius < 0) p.vx = -p.vx; + if (pos.y + p.radius > pJS.canvas.h) p.vy = -p.vy; + else if (pos.y - p.radius < 0) p.vy = -p.vy; + } + + } + + // default + if(d <= repulseRadius){ + process(); + } + + }else{ + + if(pJS.tmp.repulse_clicking == false){ + + p.vx = p.vx_i; + p.vy = p.vy_i; + + } + } + } + } + + + pJS.fn.modes.grabParticle = function(p){ + + if(pJS.interactivity.events.onhover.enable && pJS.interactivity.status == 'mousemove'){ + + var dx_mouse = p.x - pJS.interactivity.mouse.pos_x, + dy_mouse = p.y - pJS.interactivity.mouse.pos_y, + dist_mouse = Math.hypot(dx_mouse, dy_mouse); + + /* draw a line between the cursor and the particle if the distance between them is under the config distance */ + if(dist_mouse <= pJS.interactivity.modes.grab.distance){ + + var opacity_line = pJS.interactivity.modes.grab.line_linked.opacity - (dist_mouse / (1/pJS.interactivity.modes.grab.line_linked.opacity)) / pJS.interactivity.modes.grab.distance; + + if(opacity_line > 0){ + + /* style */ + var color_line = pJS.particles.line_linked.color_rgb_line; + pJS.canvas.ctx.strokeStyle = 'rgba('+color_line.r+','+color_line.g+','+color_line.b+','+opacity_line+')'; + pJS.canvas.ctx.lineWidth = pJS.particles.line_linked.width; + //pJS.canvas.ctx.lineCap = 'round'; /* performance issue */ + + /* path */ + pJS.canvas.ctx.beginPath(); + pJS.canvas.ctx.moveTo(p.x, p.y); + pJS.canvas.ctx.lineTo(pJS.interactivity.mouse.pos_x, pJS.interactivity.mouse.pos_y); + pJS.canvas.ctx.stroke(); + pJS.canvas.ctx.closePath(); + + } + } + } + }; + + /* ---------- pJS functions - vendors ------------ */ + + pJS.fn.vendors.eventsListeners = function(){ + + /* events target element */ + if(pJS.interactivity.detect_on == 'window'){ + pJS.interactivity.el = window; + }else{ + pJS.interactivity.el = pJS.canvas.el; + } + + /* detect mouse pos - on hover / click event */ + if(pJS.interactivity.events.onhover.enable || pJS.interactivity.events.onclick.enable){ + + /* el on mousemove */ + pJS.interactivity.el.addEventListener('mousemove', function(e){ + + if(pJS.interactivity.el == window){ + var pos_x = e.clientX, + pos_y = e.clientY; + } + else{ + var pos_x = e.offsetX || e.clientX, + pos_y = e.offsetY || e.clientY; + } + + pJS.interactivity.mouse.pos_x = pos_x; + pJS.interactivity.mouse.pos_y = pos_y; + + if(pJS.tmp.retina){ + pJS.interactivity.mouse.pos_x *= pJS.canvas.pxratio; + pJS.interactivity.mouse.pos_y *= pJS.canvas.pxratio; + } + + pJS.interactivity.status = 'mousemove'; + + }); + + /* el on onmouseleave */ + pJS.interactivity.el.addEventListener('mouseleave', function(e){ + + pJS.interactivity.mouse.pos_x = null; + pJS.interactivity.mouse.pos_y = null; + pJS.interactivity.status = 'mouseleave'; + + }); + } + + /* on click event */ + if(pJS.interactivity.events.onclick.enable){ + + pJS.interactivity.el.addEventListener('click', function(){ + + pJS.interactivity.mouse.click_pos_x = pJS.interactivity.mouse.pos_x; + pJS.interactivity.mouse.click_pos_y = pJS.interactivity.mouse.pos_y; + pJS.interactivity.mouse.click_time = Date.now(); + + if(pJS.interactivity.events.onclick.enable){ + + switch(pJS.interactivity.events.onclick.mode){ + + case 'push': + if(pJS.particles.move.enable){ + pJS.fn.modes.pushParticles(pJS.interactivity.modes.push.particles_nb, pJS.interactivity.mouse); + }else{ + if(pJS.interactivity.modes.push.particles_nb == 1){ + pJS.fn.modes.pushParticles(pJS.interactivity.modes.push.particles_nb, pJS.interactivity.mouse); + } + else if(pJS.interactivity.modes.push.particles_nb > 1){ + pJS.fn.modes.pushParticles(pJS.interactivity.modes.push.particles_nb); + } + } + break; + + case 'remove': + pJS.fn.modes.removeParticles(pJS.interactivity.modes.remove.particles_nb); + break; + + case 'bubble': + pJS.tmp.bubble_clicking = true; + break; + + case 'repulse': + pJS.tmp.repulse_clicking = true; + pJS.tmp.repulse_count = 0; + pJS.tmp.repulse_finish = false; + setTimeout(function(){ + pJS.tmp.repulse_clicking = false; + }, pJS.interactivity.modes.repulse.duration*1000) + break; + + } + } + }); + } + }; + + pJS.fn.vendors.densityAutoParticles = function(){ + + if(pJS.particles.number.density.enable){ + + /* calc area */ + var area = pJS.canvas.el.width * pJS.canvas.el.height / 1000; + if(pJS.tmp.retina){ + area = area/(pJS.canvas.pxratio*2); + } + + /* calc number of particles based on density area */ + var nb_particles = area * pJS.particles.number.value / pJS.particles.number.density.value_area; + + /* add or remove X particles */ + var missing_particles = pJS.particles.array.length - nb_particles; + if(missing_particles < 0) pJS.fn.modes.pushParticles(Math.abs(missing_particles)); + else pJS.fn.modes.removeParticles(missing_particles); + + } + }; + + + pJS.fn.vendors.checkOverlap = function(p1, position){ + for(var i = 0; i < pJS.particles.array.length; i++){ + var p2 = pJS.particles.array[i]; + + var dx = p1.x - p2.x, + dy = p1.y - p2.y, + dist = Math.hypot(dx, dy); + + if(dist <= p1.radius + p2.radius){ + p1.x = position ? position.x : Math.random() * pJS.canvas.w; + p1.y = position ? position.y : Math.random() * pJS.canvas.h; + pJS.fn.vendors.checkOverlap(p1); + } + } + }; + + + pJS.fn.vendors.createSvgImg = function(p){ + + /* set color to svg element */ + var svgXml = pJS.tmp.source_svg, + rgbHex = /#([0-9A-F]{3,6})/gi, + coloredSvgXml = svgXml.replace(rgbHex, function (m, r, g, b) { + if(p.color.rgb){ + var color_value = 'rgba('+p.color.rgb.r+','+p.color.rgb.g+','+p.color.rgb.b+','+p.opacity+')'; + }else{ + var color_value = 'hsla('+p.color.hsl.h+','+p.color.hsl.s+'%,'+p.color.hsl.l+'%,'+p.opacity+')'; + } + return color_value; + }); + + /* prepare to create img with colored svg */ + var svg = new Blob([coloredSvgXml], {type: 'image/svg+xml;charset=utf-8'}), + DOMURL = window.URL || window.webkitURL || window, + url = DOMURL.createObjectURL(svg); + + /* create particle img obj */ + var img = new Image(); + img.addEventListener('load', function(){ + p.img.obj = img; + p.img.loaded = true; + DOMURL.revokeObjectURL(url); + pJS.tmp.count_svg++; + }); + img.src = url; + + }; + + + pJS.fn.vendors.destroypJS = function(){ + cancelAnimationFrame(pJS.fn.drawAnimFrame); + canvas_el.remove(); + pJSDom = null; + }; + + + pJS.fn.vendors.drawShape = function(c, startX, startY, sideLength, sideCountNumerator, sideCountDenominator){ + + // By Programming Thomas - https://programmingthomas.wordpress.com/2013/04/03/n-sided-shapes/ + var sideCount = sideCountNumerator * sideCountDenominator; + var decimalSides = sideCountNumerator / sideCountDenominator; + var interiorAngleDegrees = (180 * (decimalSides - 2)) / decimalSides; + var interiorAngle = Math.PI - Math.PI * interiorAngleDegrees / 180; // convert to radians + c.save(); + c.beginPath(); + c.translate(startX, startY); + c.moveTo(0,0); + for(var i = 0; i < sideCount; i++){ + c.lineTo(sideLength,0); + c.translate(sideLength,0); + c.rotate(interiorAngle); + } + //c.stroke(); + c.fill(); + c.restore(); + + }; + + pJS.fn.vendors.exportImg = function(){ + window.open(pJS.canvas.el.toDataURL('image/png'), '_blank'); + }; + + + pJS.fn.vendors.loadImg = function(type){ + + pJS.tmp.img_error = undefined; + + if(pJS.particles.shape.image.src != ''){ + + if(type == 'svg'){ + + var xhr = new XMLHttpRequest(); + xhr.open('GET', pJS.particles.shape.image.src); + xhr.onreadystatechange = function (data) { + if(xhr.readyState == 4){ + if(xhr.status == 200){ + pJS.tmp.source_svg = data.currentTarget.response; + pJS.fn.vendors.checkBeforeDraw(); + }else{ + console.log('Error pJS - Image not found'); + pJS.tmp.img_error = true; + } + } + } + xhr.send(); + + }else{ + + var img = new Image(); + img.addEventListener('load', function(){ + pJS.tmp.img_obj = img; + pJS.fn.vendors.checkBeforeDraw(); + }); + img.src = pJS.particles.shape.image.src; + + } + + }else{ + console.log('Error pJS - No image.src'); + pJS.tmp.img_error = true; + } + }; + + + pJS.fn.vendors.draw = function(){ + + if(pJS.particles.shape.type == 'image'){ + + if(pJS.tmp.img_type == 'svg'){ + + if(pJS.tmp.count_svg >= pJS.particles.number.value){ + pJS.fn.particlesDraw(); + if(!pJS.particles.move.enable) cancelRequestAnimFrame(pJS.fn.drawAnimFrame); + else pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw); + }else{ + //console.log('still loading...'); + if(!pJS.tmp.img_error) pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw); + } + + }else{ + + if(pJS.tmp.img_obj != undefined){ + pJS.fn.particlesDraw(); + if(!pJS.particles.move.enable) cancelRequestAnimFrame(pJS.fn.drawAnimFrame); + else pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw); + }else{ + if(!pJS.tmp.img_error) pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw); + } + + } + + }else{ + pJS.fn.particlesDraw(); + if(!pJS.particles.move.enable) cancelRequestAnimFrame(pJS.fn.drawAnimFrame); + else pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw); + } + }; + + + pJS.fn.vendors.checkBeforeDraw = function(){ + + // if shape is image + if(pJS.particles.shape.type == 'image'){ + + if(pJS.tmp.img_type == 'svg' && pJS.tmp.source_svg == undefined){ + pJS.tmp.checkAnimFrame = requestAnimFrame(check); + }else{ + //console.log('images loaded! cancel check'); + cancelRequestAnimFrame(pJS.tmp.checkAnimFrame); + if(!pJS.tmp.img_error){ + pJS.fn.vendors.init(); + pJS.fn.vendors.draw(); + } + + } + + }else{ + pJS.fn.vendors.init(); + pJS.fn.vendors.draw(); + } + }; + + + pJS.fn.vendors.init = function(){ + + /* init canvas + particles */ + pJS.fn.retinaInit(); + pJS.fn.canvasInit(); + pJS.fn.canvasSize(); + pJS.fn.canvasPaint(); + pJS.fn.particlesCreate(); + pJS.fn.vendors.densityAutoParticles(); + + /* particles.line_linked - convert hex colors to rgb */ + pJS.particles.line_linked.color_rgb_line = hexToRgb(pJS.particles.line_linked.color); + + }; + + + pJS.fn.vendors.start = function(){ + + if(isInArray('image', pJS.particles.shape.type)){ + pJS.tmp.img_type = pJS.particles.shape.image.src.substr(pJS.particles.shape.image.src.length - 3); + pJS.fn.vendors.loadImg(pJS.tmp.img_type); + }else{ + pJS.fn.vendors.checkBeforeDraw(); + } + }; + + /* ---------- pJS - start ------------ */ + + + pJS.fn.vendors.eventsListeners(); + pJS.fn.vendors.start(); +}; + +/* ---------- global functions - vendors ------------ */ + +Object.deepExtend = function(destination, source) { + for (var property in source) { + if (source[property] && source[property].constructor && + source[property].constructor === Object) { + destination[property] = destination[property] || {}; + arguments.callee(destination[property], source[property]); + } else { + destination[property] = source[property]; + } + } + return destination; +}; + +window.requestAnimFrame = (function(){ + return window.requestAnimationFrame || + window.webkitRequestAnimationFrame || + window.mozRequestAnimationFrame || + window.oRequestAnimationFrame || + window.msRequestAnimationFrame || + function(callback){ + window.setTimeout(callback, 1000 / 60 - pJS.particles.frameHitchCompensate); + }; +})(); + +window.cancelRequestAnimFrame = ( function() { + return window.cancelAnimationFrame || + window.webkitCancelRequestAnimationFrame || + window.mozCancelRequestAnimationFrame || + window.oCancelRequestAnimationFrame || + window.msCancelRequestAnimationFrame || + clearTimeout +} )(); + +function hexToRgb(hex){ + // By Tim Down - http://stackoverflow.com/a/5624139/3493650 + // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF") + var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i; + hex = hex.replace(shorthandRegex, function(m, r, g, b) { + return r + r + g + g + b + b; + }); + var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); + return result ? { + r: parseInt(result[1], 16), + g: parseInt(result[2], 16), + b: parseInt(result[3], 16) + } : null; +} + +function clamp(number, min, max) { + return Math.min(Math.max(number, min), max); +} + +function isInArray(value, array) { + return array.indexOf(value) > -1; +} + + +/* ---------- particles.js functions - start ------------ */ + +window.pJSDom = []; + +window.particlesJS = function(tag_id, params){ + + //console.log(params); + + /* no string id? so it's object params, and set the id with default id */ + if(typeof(tag_id) != 'string'){ + params = tag_id; + tag_id = 'particles-js'; + } + + /* no id? set the id to default id */ + if(!tag_id){ + tag_id = 'particles-js'; + } + + /* pJS elements */ + var pJS_tag = document.getElementById(tag_id), + pJS_canvas_class = 'particles-js-canvas-el', + exist_canvas = pJS_tag.getElementsByClassName(pJS_canvas_class); + + /* remove canvas if exists into the pJS target tag */ + Array.from(exist_canvas).forEach(el => pJS_tag.removeChild(el)) + + /* create canvas element */ + var canvas_el = document.createElement('canvas'); + canvas_el.className = pJS_canvas_class; + + /* set size canvas */ + canvas_el.style.width = "100%"; + canvas_el.style.height = "100%"; + + /* append canvas */ + var canvas = pJS_tag.appendChild(canvas_el); + + /* launch particle.js */ + if(canvas != null){ + pJSDom.push(new pJS(tag_id, params)); + } + +}; + +window.particlesJS.load = function(tag_id, path_config_json, callback){ + + /* load json config */ + var xhr = new XMLHttpRequest(); + xhr.open('GET', path_config_json); + xhr.onreadystatechange = function (data) { + if(xhr.readyState == 4){ + if(xhr.status == 200){ + var params = JSON.parse(data.currentTarget.response); + window.particlesJS(tag_id, params); + if(callback) callback(); + }else{ + console.log('Error pJS - XMLHttpRequest status: '+xhr.status); + console.log('Error pJS - File config not found'); + } + } + }; + xhr.send(); + +}; diff --git a/themes/doublefourteen/assets/js/rain.js b/themes/doublefourteen/assets/js/rain.js new file mode 100644 index 0000000..aacdca4 --- /dev/null +++ b/themes/doublefourteen/assets/js/rain.js @@ -0,0 +1,99 @@ +/* ----------------------------------------------- + * Rain background particle effect. + * + * @licstart The following is the entire license notice for the + * JavaScript code in this page. + * + * Copyright (C) 2020 Lorenzo Cogotti + * + * The JavaScript code in this page is free software: you can + * redistribute it and/or modify it under the terms of the GNU + * General Public License (GNU GPL) as published by the Free Software + * Foundation, either version 3 of the License, or (at your option) + * any later version. The code is distributed WITHOUT ANY WARRANTY; + * without even the implied warranty of MERCHANTABILITY or FITNESS + * FOR A PARTICULAR PURPOSE. See the GNU GPL for more details. + * + * As additional permission under GNU GPL version 3 section 7, you + * may distribute non-source (e.g., minimized or compacted) forms of + * that code without the copy of the GNU GPL normally required by + * section 4, provided you include this license notice and a URL + * through which recipients can access the Corresponding Source. + * + * @licend The above is the entire license notice + * for the JavaScript code in this page. + * ----------------------------------------------- */ + +particlesJS('particles-bg', + + { + "particles": { + "number": { + "value": 80, + "density": { + "enable": true, + "value_area": 200 + } + }, + "color": { + "value": "#ffffff" + }, + "shape": { + "type": "circle" + }, + "opacity": { + "value": 0.3, + "random": true, + "anim": { + "enable": true, + "speed": 3000, + "opacity_min": 0.1, + "sync": false + } + }, + "size": { + "value": 2.8, + "value_min": 1, + "random": true + }, + "line_linked": { + "enable": false + }, + "move": { + "enable": true, + "speed": 550, // in pixel-per-second + "direction": "bottom", + "random": false, + "straight": true, + "out_mode": "out", + "attract": { + "enable": true, + "rotateX": 600, + "rotateY": 1200 + } + }, + "trail": { + "enable": true, + "samples": 7, + "discont_threshold": 4 + } + }, + "interactivity": { + "detect_on": "canvas", + "events": { + "onhover": { + "enable": true, + "mode": "repulse" + }, + "resize": true + }, + "modes": { + "repulse": { + "distance": 150 + } + } + }, + "retina_detect": true + } + +); diff --git a/themes/doublefourteen/assets/js/transmission.js b/themes/doublefourteen/assets/js/transmission.js new file mode 100644 index 0000000..eaa4d07 --- /dev/null +++ b/themes/doublefourteen/assets/js/transmission.js @@ -0,0 +1,168 @@ +window.requestAnimFrame = (function(){ + return window.requestAnimationFrame || + window.webkitRequestAnimationFrame || + window.mozRequestAnimationFrame || + window.oRequestAnimationFrame || + window.msRequestAnimationFrame || + function(callback){ + window.setTimeout(callback, 1000 / 8); + }; +})(); + +(function() { + 'use strict'; + + // Initial setup + function $(x) {return document.getElementById(x);} + + let $container = $("banner-textarea"); + let $message = $("banner-msg"); + let $animate = $("banner-msg-animate"); + let $paragraph = null; + + const asciiEscMap = { + '&': '&', + '<': '<', + '>': '>', + '"': '"', + "'": ''', + '`': '`' + }; + + function needsAsciiEsc(str) { + for (let i of str) { + if (asciiEscMap[i]) { return true; } + } + return false; + } + function isAsciiString(str) { + for (let i of str) { + if (i.codePointAt(0) > 127) { return false; } + } + return true; + } + function maybeEscpDec(ch) { + const cp = ch.codePointAt(0); + return cp > 127 ? '&#' + cp + ';' : ch; + } + function escpAscii(str) { + return [...str].map(x => asciiEscMap[x] || x).join(""); + } + + function escp(text) { + if (needsAsciiEsc(text)) { + text = escpAscii(text); + } + return isAsciiString(text) ? text : [...text].map(maybeEscpDec).join(""); + } + + // Messages setup + + /* MESSAGES be like: + * [ {"delay": 0, "text": "message 1"}, + * {"delay": 1200, "text": "message 2"}, + * {"delay": 2200, "text": "message 4"}, + * {"delay": 3600, "text": "message 5"}, + * {"delay": 5200, "text": "message 6"} ] + */ + const MESSAGES = JSON.parse($animate.getAttribute('data-msg')); + + function scramble($element, text, options) { + const defaults = { + probability: 0.25, + glitches: "-%¥¶!\"❏_△§*¢ ¿", + blank: "", + duration: text.length * 80, + delay: 0.0 + }; + const settings = {...defaults, ...options}; + + function shuffle() {return (Math.random() < 0.5) ? 1 : -1;} + function wrap(text, classes) {return "" + text + "";} + + const glitchCharacters = [...settings.glitches].map(escp); + const glitchLength = glitchCharacters.length; + const glitchProbability = settings.probability; + const glitches = glitchCharacters.map(x => wrap(x, "pop")); + + const ghostCharacters = [...$element.innerText].map(escp); + const ghostLength = ghostCharacters.length; + const ghosts = ghostCharacters.map(x => wrap(x, "ghost")); + const textCharacters = [...text].map(escp); + const textLength = textCharacters.length; + const order = Array.from(Array(textLength).keys()).sort(shuffle); + + let output = []; + for (let i = 0; i < textLength; ++i) { + const index = Math.floor(Math.random() * (glitchLength - 1)); + const glitchCharacter = glitches[index]; + const ghostCharacter = ghosts[i] || settings.blank; + const character = Math.random() < glitchProbability ? glitchCharacter : ghostCharacter; + output.push(character); + } + + // Animation + const duration = settings.duration; + const ease = settings.ease; + + let start = null; + const TRESH = 1000 / 8; // 8FPS, more than enough + + function easeInOutQuad(t) { + if (t < 0.5) + return 2 * t * t; + + return Math.min((4 - 2 * t) * t - 1, 1); + } + function refresh() { + const now = Date.now(); + if (!start) { start = now; } + + const elapsed = now - start; + if (elapsed < TRESH) { + window.requestAnimFrame(refresh); + return; + } + if (elapsed > duration) { + $element.innerHTML = text; + return; + } + + const interp = easeInOutQuad(elapsed / duration); + const progress = Math.floor(interp * (textLength - 1)); + for (let i = 0; i < progress; ++i) { + const index = order[i]; + output[index] = textCharacters[index]; + } + + $element.innerHTML = output.join(''); + window.requestAnimFrame(refresh); + } + + setTimeout(refresh, settings.delay); + } + + function animate() { + for (let i = 0; i < MESSAGES.length; ++i) { + let data = MESSAGES[i]; + let element = $paragraph.item(i); + + element.innerText = ''; + let options = { delay: data.delay }; + + scramble(element, data.text, options); + } + } + + function initialize() { + for (let _ in MESSAGES) { + let elem = document.createElement("p"); + elem.className = "banner-msg-line"; + $message.appendChild(elem); + } + $paragraph = $container.getElementsByTagName("p"); + animate(); + } + + initialize(); +}).call(this); diff --git a/themes/doublefourteen/assets/sass/home.sass b/themes/doublefourteen/assets/sass/home.sass new file mode 100644 index 0000000..5870d8d --- /dev/null +++ b/themes/doublefourteen/assets/sass/home.sass @@ -0,0 +1,279 @@ +@import "variables" + +// common variables for this page +$-h1: rgba(45,45,45,1) +$-outline: rgba(#fff, .4) +$-shadow: rgba($yellow, .5) + +$-term-color: #c3993c +$-term-height: 550px +$-term-height-mid: 400px +$-term-height-mobile: 280px +$-term-scanline-height: 5px + +.main + background-color: var(--background-color) + color: var(--foreground-color) + padding: 10px 15px + font-size: 0.9em + +.headline + max-width: $page-width + height: auto + font-size: $bigger-font-size + text-align: center + +.alt-background + background: var(--alt-background-color) + +.cards-list + max-width: $page-width + height: 100% + display: flex + flex-direction: column + justify-content: center + align-items: center + text-align: center + padding: $large-spacer $huge-spacer + +.nav-spacer + display: none // so the banner is against the navbar + +.banner-burnin + position: absolute + width: 100% + height: 100% + z-index: $back + box-shadow: inset 0px 0px 1px 1px rgba(64, 64, 64, .1) + background: radial-gradient(ellipse at center,darken($-term-color,30%) 0%,rgba(64,64,64,0) 50%) + transform-origin : 50% 50% + transform: perspective(20px) rotateX(.5deg) skewX(2deg) scale(1.03) + animation: burnin 1s linear infinite + opacity: .9 + +.banner-burnin::after + position: relative + background: radial-gradient(ellipse at center, rgba(0,0,0,0.5) 0%,rgba(64,64,64,0) 100%) + opacity: .1 + +.banner-terminal + position: relative + z-index: 90 + margin: 0 auto + width: 100% + height: $-term-height + background-color: #0a1922 + overflow: hidden + +.banner-terminal::before + position: absolute + width: 100% + height: 100% + top: 0 + left: 0 + content: "" + z-index: $front + background: linear-gradient(#777 50%, #0a1922 50%) + background-size: 100% 4px + background-repeat: repeat-y + opacity: .14 + box-shadow : inset 0px 0px 1px 1px rgba(0, 0, 0, .8) + animation: pulse 5s linear infinite + +.banner-terminal::after + position: absolute + content: "" + top: 0 + left: 0 + width: 100% + height: 76% + z-index: 99 + background: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%,rgba(0,0,0,0.62) 45%,rgba(0,9,4,0.6) 47%,$-term-color 100%) + background-color: $-term-color + box-shadow : inset 0px 0px 4px 4px rgba(100, 100, 100, .5) + opacity : .1 + +.banner-scanline + --scanline-area: #{$-term-height} + + position: relative + z-index: 99 + width: 100% + height: 5px + background: linear-gradient(to bottom, rgba(255,0,0,0) 0%,rgba(255,250,250,1) 50%,rgba(255,255,255,0.98) 51%,rgba(255,0,0,0) 100%) + background-color: #fff + background-size: 100% 4px + opacity : .1 + animation: scanline 3.25s ease-in-out infinite + +.banner-textarea + position: relative + width: 1500px + height: 600px + margin: 0 auto + +.banner-prompt + position: relative + text-align: left + padding-left: 1em + font-family: Inconsolata, Courier, unicase + text-shadow: 0 0 8px rgba(lighten($-term-color, 50%), 0.3) + font-size: 4em + color: $-term-color + +.ghost, .pop + opacity: 0.27 + +.banner-msg-line + text-shadow: 0 0 8px rgba(lighten($-term-color, 30%), 0.3) + font-family: Inconsolata, Courier, monospace + font-smoothing: antialiased + padding-left: 6em + font-size: 3em + white-space: pre + color: $-term-color + overflow: hidden + +#banner-msg-animate + text-shadow: 0 0 8px rgba(lighten($-term-color, 50%), 0.1) + color: darken(desaturate($-term-color, 10%), 20%) + bottom: 0 + +.flicker + margin: 0 + color: $-h1 + letter-spacing: -.05rem + +.flicker::before + content: attr(letter) + position: absolute + overflow: hidden + color: $yellow + z-index: $above + text-shadow: none + animation: flicker 3s linear infinite + +.glitch + margin: 0 + letter-spacing: -0.05rem + display: inline-block + animation: glitch 1s linear infinite + +.glitch::before, .glitch::after + content: attr(text) + position: absolute + overflow: hidden + +.glitch::before + left: 0; + animation: glitch-top 1s linear infinite + clip-path: polygon(0 0, 100% 0, 100% 33%, 0 33%) + +.glitch::after + left: 0 + animation: glitch-bottom 1.5s linear infinite + clip-path: polygon(0 67%, 100% 67%, 100% 100%, 0 100%) + +@keyframes burnin + 0% + transform: scale(1, 1.002) + 50% + transform: scale(1, 1.0001) + 100% + transform: scale(1.001, 1) + +@keyframes scanline + to + transform: translateY(var(--scanline-area)) translateY(-$-term-scanline-height) + +@keyframes pulse + 0% + transform: scale(1.001) + opacity: .14 + 8% + transform: scale(1.000) + opacity: .13 + 15% + transform: scale(1.004) + opacity: .14 + 30% + transform: scale(1.002) + opacity: .11 + 100% + transform: scale(1.000) + opacity: .14 + +@keyframes flicker + 0%, 19.999%, 22%, 62.999%, 64%, 64.999%, 70%, 100% + opacity: .99 + text-shadow: -1px -1px 0 $-outline, 1px -1px 0 $-outline, -1px 1px 0 $-outline, 1px 1px 0 $-outline, 0 -2px 8px, 0 0 2px, 0 0 5px #ff7e00, 0 0 15px #ff4444, 0 0 2px #ff7e00, 0 2px 3px #000 + + 20%, 21.999%, 63%, 63.999%, 65%, 69.999% + opacity: 0.4 + text-shadow: none + +@keyframes glitch + 2%, 64% + transform: translate(2px,0) skew(0deg) + 4%, 60% + transform: translate(-2px,0) skew(0deg) + 62% + transform: translate(0,0) skew(5deg) + +@keyframes glitch-top + 2%, 64% + transform: translate(2px,-2px) + 4%, 60% + transform: translate(-2px,2px) + 62% + transform: translate(13px,-1px) skew(-13deg) + +@keyframes glitch-bottom + 2%, 64% + transform: translate(-2px,0) + 4%, 60% + transform: translate(-2px,0) + 62% + transform: translate(-22px,5px) skew(21deg) + +@keyframes typing + to + width: 100% + +@keyframes blinking + from, to + border-color: transparent + 50% + border-color: orange + +.motto + text-align: left + padding-top: $large-spacer + +@media only screen and (max-width:1200px) + .banner-terminal + height: $-term-height-mid + .banner-scanline + --scanline-area: #{$-term-height-mid} + .banner-prompt + font-size: 3em + .banner-msg-line + font-size: 2em + +@media only screen and (max-width:1000px) + html, body + overflow-x: hidden + + body + -webkit-text-size-adjust: none + +@media only screen and (max-width:800px) + .banner-terminal + height: $-term-height-mobile + .banner-scanline + --scanline-area: #{$-term-height-mobile} + .banner-prompt + font-size: 2em + .banner-msg-line + font-size: 1.5em + padding-left: 3em diff --git a/themes/doublefourteen/assets/sass/navigation.sass b/themes/doublefourteen/assets/sass/navigation.sass new file mode 100644 index 0000000..acb25c9 --- /dev/null +++ b/themes/doublefourteen/assets/sass/navigation.sass @@ -0,0 +1,87 @@ +@import "variables" + +#mobile-navbar + display: none + overflow: hidden + color: white !important + font-weight: bold + +#mobile-subnav + background-color: #0a1922 + +#mobile-subnav + display: none + +#menu + padding: 5px 0 + color: white + padding-right: 5px + padding-left: 5px + font-size: 1.1rem !important + +#navbar + display: block + +.nav + background-color: #0a1922 + padding: 5px 0 + border-top: 4px solid $teal + +.nav-spacer + margin-bottom: $small-spacer + +.df-community-link:before + content: "" + background-image: url(/heart.svg) !important + background-size: 12px 16px + width: 12px + height: 16px + margin-left: 5px + margin-right: 5px + vertical-align: middle + display: inline-block + +#menu .navbar-item, .nav .navbar-item, .nav .navbar-item:visited + color: white + padding-right: 5px + padding-left: 5px + +@media only screen and (max-width:340px) + #mobile-navbar + font-size: 1.1rem !important + #hamburger + padding-left: 0.5rem !important + +@media only screen and (max-width: 1000px) + #menu .navbar-item + display: block + + #mobile-subnav + display: block + + #mobile-toggle + #menu + display: none + + #mobile-toggle:checked + #menu + display: block + + #mobile-navbar, #menu + display: block + font-size: 1.2rem + line-height: 2.2rem + + #mobile-navbar + margin-top: 0.4rem + + #navbar + display: none + + #mobile-toggle + display: none + #hamburger + float: right; + padding: + left: 1.5rem; + right: 0.5rem; + + line-height: 0; diff --git a/themes/doublefourteen/assets/sass/notfound.sass b/themes/doublefourteen/assets/sass/notfound.sass new file mode 100644 index 0000000..8406842 --- /dev/null +++ b/themes/doublefourteen/assets/sass/notfound.sass @@ -0,0 +1,41 @@ +@import "variables" + +.notfound-page + position: relative + display: flex + flex-wrap: wrap + width: $page-width + margin: 0 auto + gap: $large-spacer + +.notfound-content + position: relative + padding-top: $large-spacer + max-width: $card-width + +.notes + padding-top: $spacer + +.notfound-404-chan + position: relative + width: $card-width + height: $card-height + background: + image: url("/404-chan_sm.png") + position: bottom right $huge-spacer + repeat: no-repeat + size: 144px 256px + +#particles-bg + position: absolute + width: 100% + height: 100% + top: 0 + left: 0 + z-index: $foremost + +@media (max-width: 800px) + .notfound-content + text-align: center + .notfound-page + flex-direction: column diff --git a/themes/doublefourteen/assets/sass/style.sass b/themes/doublefourteen/assets/sass/style.sass new file mode 100644 index 0000000..ab1e1dd --- /dev/null +++ b/themes/doublefourteen/assets/sass/style.sass @@ -0,0 +1,192 @@ +@import "variables" + +// Some convenience class to manage resolution specific elements +@media only screen and (max-width:600px) + .on-pc-screen + display: none !important +@media only screen and (min-width:600px) + .on-mobile-screen + display: none !important + +@media only screen and (max-width:1200px) + .on-largest-screen + display: none !important +@media only screen and (min-width:1200px) + .up-to-largest-screen + display: none !important + +@media only screen and (max-width:1000px) + .on-large-screen + display: none !important +@media only screen and (min-width:1000px) + .up-to-large-screen + display: none !important + +@media only screen and (max-width:800px) + .on-small-screen + display: none !important +@media only screen and (min-width:800px) + .up-to-small-screen + display: none !important + +* + box-sizing: border-box + z-index: $foreground + +html, body + width: 100% + height: 100% + min-width: $min-page-width + +h1.page-title + text-align: left + font-size: $large-font-size + color: var(--title-text-color) +h1.page-title:first-letter + text-transform: capitalize + +body + margin: 0 + font-family: var(--body-font) + font-size: $body-font-size + line-height: $body-line-height + color: var(--foreground-color) + background-color: var(--background-color) + -webkit-text-size-adjust: 100% + -ms-text-size-adjust: 100% + +a + color: var(--link-color) + + // `:focus` is linked to `:hover` for basic accessibility + &:hover, &:focus + color: var(--link-hover-color) + + strong + color: inherit + +a:not(:hover) + text-decoration: none + +.container + margin: 0 auto + position: relative + max-width: $page-width + padding: 0 0.2em + +.external-link-light:after + background-image: url(/external-link-dark.svg) !important +.external-link:after + content: "" + background-image: url(/external-link-light.svg) + background-size: 10px 10px + display: inline-block + width: 10px + height: 10px + margin-left: 5px + +img + display: block + max-width: 100% + margin-bottom: $spacer + border-radius: $border-radius + +table + margin-bottom: $spacer + width: 100% + border: 0 solid var(--border-color) + border-collapse: collapse + +td, th + padding: .25rem .5rem + border: + color: inherit + style: solid + width: 0 + bottom-width: 1px + +th + text-align: left + +thead th + border-bottom-color: currentColor + +.header + display: flex + align-items: flex-end + +.header-text + font-size: $large-font-size + color: var(--title-text-color) + font-weight: bold + display: inline-block + padding: 1em 0.5em 1em 0.5em + +.header-image + background: + image: url(/doublefourteen-logo-dark.svg) + repeat: no-repeat + + width: 330px + height: 180px + display: inline-block + margin: 0 0.5em 0 0.5em + +.work-in-progress-content + display: flex + justify-content: space-between + +.work-in-progress-text + position: relative + +.work-in-progress-sign + width: 400px + height: 386px + background: + image: url(/work-in-progress.png) + position: bottom right + repeat: no-repeat + size: 400px 386px + +.button, .button:hover + background-color: transparent + border: 2px solid #737475 + color: #333 + padding: 7px 12px + display: block + margin: 10px 0 + font-size: $body-font-size + font-weight: 700 + text-decoration: none !important +.button a + display: inline + text-decoration: none !important + color: #666 +.button:hover + background-color: #7f7f7f + + +.footer + text-align: center + padding-top: $large-spacer + +@media (prefers-color-scheme:dark) + .external-link:after + background-image: url(/external-link-dark.svg) + .header-image + background-image: url(/doublefourteen-logo-light.svg) + + // FIXME + .button, .button:hover + color: inherit + .button a + color: #ccc + .button:hover + background-color: #383838 + + +@media only screen and (max-width:800px) + .work-in-progress-content + flex-direction: column + .work-in-progress-text + text-align: center diff --git a/themes/doublefourteen/assets/sass/variables.sass b/themes/doublefourteen/assets/sass/variables.sass new file mode 100644 index 0000000..5006ca9 --- /dev/null +++ b/themes/doublefourteen/assets/sass/variables.sass @@ -0,0 +1,118 @@ +// Standard page width +$page-width: 1000px +// Minimum supported page width (forced on html, body) +$min-page-width: 500px + +// Small card objects, wrap text or small images on lists +$card-width: 400px +$card-height: 500px + +// Consistent spacing for elements +$smallest-spacer: 10px +$small-spacer: 30px +$spacer: 1rem +$large-spacer: $spacer * 1.5 +$huge-spacer: $spacer * 3 + +// Fonts +$body-line-height: 1.5 + +$huge-font-size: 3em +$large-font-size: 2em +$bigger-font-size: 1em +$body-font-size: 20px + +// Consistent border radius +$border-radius: 0.25rem + +// Z indexes for consistent ordering across site +$foremost: 100 +$above: 30 +$front: 20 +$foreground: 1 +$background: 0 +$back: -1 +$far: -20 +$farthest: -100 + +// Color palette +$gray-000: #f8f9fa +$gray-100: #f1f3f5 +$gray-200: #e9ecef +$gray-300: #dee2e6 +$gray-400: #ced4da +$gray-500: #adb5bd +$gray-600: #868e96 +$gray-700: #495057 +$gray-800: #343a40 +$gray-900: #212529 + +$red: #fa5252 +$pink: #e64980 +$grape: #be4bdb +$purple: #7950f2 +$indigo: #4c6ef5 +$blue: #228be6 +$cyan: #15aabf +$teal: #12b886 +$green: #40c057 +$yellow: #fab005 +$orange: #fd7e14 +$gray: #454545 + +$blue-300: #74c0fc +$blue-400: #4dabf7 +$yellow-100: #fff3bf + +// Color Theme + +$background-color: #efefef +$background-color-dark: #292929 +$alt-background-color: #dfdfdf +$alt-background-color-dark: #0a1922 +$foreground-color: $gray-700 +$foreground-color-dark: $gray-300 +$surface-color: $cyan +$surface-color-dark: $cyan +$accent-color: $cyan +$accent-color-dark: $cyan + +$text-color: #fff +$text-color-dark: #000 +$title-text-color: #444 +$title-text-color-dark: #ddd + +\:root + --background-color: #{$background-color} + --alt-background-color: #{$alt-background-color} + --foreground-color: #{$foreground-color} + + + --body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" + + --text-color: #{$text-color} + --title-text-color: #{$title-text-color} + + --link-color: #{$blue} + --link-hover-color: #1c7ed6 + + --heading-color: #{$gray-900} + --border-color: #{$gray-300} + + // --code-font: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace + +@media (prefers-color-scheme:dark) + \:root + --background-color: #{$background-color-dark} + --alt-background-color: #{$alt-background-color-dark} + --foreground-color: #{$foreground-color-dark} + + --text-color: #{$text-color-dark} + --title-text-color: #{$title-text-color-dark} + + --heading-color: #fff + + --link-color: #{$blue-300} + --link-hover-color: #{$blue-400} + + --border-color: rgba(255, 255, 255, 0.15) diff --git a/themes/doublefourteen/i18n/en.toml b/themes/doublefourteen/i18n/en.toml new file mode 100644 index 0000000..beb470f --- /dev/null +++ b/themes/doublefourteen/i18n/en.toml @@ -0,0 +1,8 @@ +[back-to-home] +other = "← Back to Home page" + +[back-to-parent] +other = "← Back to {{ . }} section" + +[menu-source] +other = "Sources" diff --git a/themes/doublefourteen/i18n/it.toml b/themes/doublefourteen/i18n/it.toml new file mode 100644 index 0000000..bf3716e --- /dev/null +++ b/themes/doublefourteen/i18n/it.toml @@ -0,0 +1,8 @@ +[back-to-parent] +other = "← Torna alla sezione {{ . }}" + +[back-to-home] +other = "← Torna alla Home" + +[menu-source] +other = "Sorgenti" diff --git a/themes/doublefourteen/layouts/404.html b/themes/doublefourteen/layouts/404.html new file mode 100644 index 0000000..6a69c13 --- /dev/null +++ b/themes/doublefourteen/layouts/404.html @@ -0,0 +1,37 @@ +{{ define "title" }} + {{ .Title }} ⏎ +{{ end }} + +{{ define "links" }} + {{ $sassOptions := ( dict "outputStyle" "compressed" ) }} + {{ $jsOptions := ( dict "target" "es2018" "minify" true ) }} + + {{ $notfoundCss := resources.Get "sass/notfound.sass" | toCSS $sassOptions | fingerprint }} + + {{ $particlesJs := resources.Get "js/lib/particles.js" | js.Build $jsOptions | fingerprint }} + +{{ end }} +{{ define "main" }} + {{ $jsOptions := ( dict "target" "es2018" "minify" true ) }} + {{ $rainJs := resources.Get "js/rain.js" | js.Build $jsOptions | fingerprint }} + +

404 – Page not found

+ Sorry, we've tried very hard but we couldn't find what you were looking for.
+ Honest, if you don't believe us just look how sad our HTTP server is. +

+ While we try to soothe our poor server,
+ you can head back home and try again. +

+ +

+ + +

+{{ end }} diff --git a/themes/doublefourteen/layouts/_default/_markup/render-link.html b/themes/doublefourteen/layouts/_default/_markup/render-link.html new file mode 100644 index 0000000..61b696c --- /dev/null +++ b/themes/doublefourteen/layouts/_default/_markup/render-link.html @@ -0,0 +1 @@ +{{ .Text | safeHTML }} \ No newline at end of file diff --git a/themes/doublefourteen/layouts/_default/baseof.html b/themes/doublefourteen/layouts/_default/baseof.html new file mode 100644 index 0000000..2081e1b --- /dev/null +++ b/themes/doublefourteen/layouts/_default/baseof.html @@ -0,0 +1,38 @@ +{{$lang := .Lang}} +{{ if isset .Params "lang" }} + {{ $lang = .Params.lang }} +{{end}} + + + + + + {{ block "title" . }} ⏎ + {{ end }} + {{ .Site.Title }} + + + + + {{ $sassOptions := ( dict "outputStyle" "compressed" ) }} + {{ $styleCss := resources.Get "sass/style.sass" | toCSS $sassOptions | fingerprint }} + + {{ $navigationCss := resources.Get "sass/navigation.sass" | toCSS $sassOptions | fingerprint }} + + + {{ block "links" . }} + {{ end }} + + + + {{- partial "navigation.html" . -}} +

+ {{- block "main" . }}{{- end }} +

+ {{- partial "footer.html" . -}} + + diff --git a/themes/doublefourteen/layouts/_default/list.html b/themes/doublefourteen/layouts/_default/list.html new file mode 100644 index 0000000..1e88561 --- /dev/null +++ b/themes/doublefourteen/layouts/_default/list.html @@ -0,0 +1,20 @@ +{{ define "title" }} + {{ .Title }} ⏎ +{{ end }} +{{ define "main" }} + {{- partial "parent-link" . -}} +

+ {{ if gt (len .Pages) 0 }} +

+ {{ dateFormat "2006-01-02" .Date.Local }} - {{ .Title }} +

+ {{ else }} + {{- partial "work-in-progress" . -}} + {{ end }} +

+{{ end }} diff --git a/themes/doublefourteen/layouts/_default/rss-list.html b/themes/doublefourteen/layouts/_default/rss-list.html new file mode 100644 index 0000000..9b252ac --- /dev/null +++ b/themes/doublefourteen/layouts/_default/rss-list.html @@ -0,0 +1,23 @@ +{{ define "title" }} + {{ .Title }} ⏎ +{{ end }} +{{ define "main" }} + {{ $enSite := index .Sites 0 }} + {{ $posts := where $enSite.RegularPages "Section" .Section }} + {{- partial "parent-link" . -}} +

+ {{ if gt (len .Pages) 0}} +

This page is also available as an RSS feed.

+ {{ dateFormat "2006-01-02" .Date.Local }} - {{ .Title }} +

+{{ end }} diff --git a/themes/doublefourteen/layouts/_default/single.html b/themes/doublefourteen/layouts/_default/single.html new file mode 100644 index 0000000..30cedad --- /dev/null +++ b/themes/doublefourteen/layouts/_default/single.html @@ -0,0 +1,13 @@ +{{ define "title" }} + {{ .Title }} ⏎ +{{ end }} +{{ define "main" }} + {{- partial "parent-link" . -}} +

+ {{ if .Params.toc }} +

+ {{ .TableOfContents }} + {{ end }} + {{ .Content }} +

+{{ end }} diff --git a/themes/doublefourteen/layouts/index.html b/themes/doublefourteen/layouts/index.html new file mode 100644 index 0000000..b44764d --- /dev/null +++ b/themes/doublefourteen/layouts/index.html @@ -0,0 +1,39 @@ +{{ define "title" }} + {{ .Title }} ⏎ +{{ end }} + +{{ define "links" }} + {{ $sassOptions := ( dict "outputStyle" "compressed" ) }} + {{ $jsOptions := ( dict "target" "es2018" "minify" true ) }} + + {{ $home := resources.Get "sass/home.sass" | toCSS $sassOptions | fingerprint }} + + {{ $transmissionJs := resources.Get "js/transmission.js" | js.Build $jsOptions | fingerprint }} + +{{ end }} + +{{ define "main" }} + + + {{ .Content }} + +

+ For the glory of mankind. +

+{{ end }} + diff --git a/themes/doublefourteen/layouts/partials/favicon.html b/themes/doublefourteen/layouts/partials/favicon.html new file mode 100644 index 0000000..9c82b76 --- /dev/null +++ b/themes/doublefourteen/layouts/partials/favicon.html @@ -0,0 +1,2 @@ + + diff --git a/themes/doublefourteen/layouts/partials/footer.html b/themes/doublefourteen/layouts/partials/footer.html new file mode 100644 index 0000000..cbbbbff --- /dev/null +++ b/themes/doublefourteen/layouts/partials/footer.html @@ -0,0 +1,12 @@ +
+ + © + + {{ now.UTC.Format "2006" }} The DoubleFourteen Code Forge. All Rights Reserved.
+ + Code samples are MIT licensed, logos belong to their respective owners, everything else is + + CC BY-SA. + + +
diff --git a/themes/doublefourteen/layouts/partials/navigation.html b/themes/doublefourteen/layouts/partials/navigation.html new file mode 100644 index 0000000..c72bc24 --- /dev/null +++ b/themes/doublefourteen/layouts/partials/navigation.html @@ -0,0 +1,49 @@ +
+ + {{ .Params.mobile_menu_title }} + + + + +
+
+ +
+ {{ with .Site.GetPage "articles" }} + {{ .Params.mobile_menu_title }} + {{ end }} + {{ with .Site.GetPage "blog" }} + {{ .Params.mobile_menu_title }} + {{ end }} + {{ i18n "menu-source" }} + {{ with .Site.GetPage "doublefourteen"}} + + {{ .Params.mobile_menu_title }} + + {{ end }} +
+
+ +
+
+
+ {{ with .Site.GetPage "articles" }} + {{ .Params.menu_title }} + {{ end }} + {{ with .Site.GetPage "blog" }} + {{ .Params.menu_title }} + {{ end }} + {{ i18n "menu-source" }} + {{ with .Site.GetPage "doublefourteen" }} + + {{ .Params.menu_title }} + + {{ end }} +
+
+
+ +
+ diff --git a/themes/doublefourteen/layouts/partials/parent-link.html b/themes/doublefourteen/layouts/partials/parent-link.html new file mode 100644 index 0000000..0d62bf7 --- /dev/null +++ b/themes/doublefourteen/layouts/partials/parent-link.html @@ -0,0 +1,12 @@ +
+ + {{ if eq .CurrentSection .Site.Home}} + {{ i18n "back-to-home" | safeHTML }} + {{ else }} {{ if eq .CurrentSection.Page .Page }} + {{ i18n "back-to-home" | safeHTML }} + {{ else }} + {{ i18n "back-to-parent" .CurrentSection.Title | safeHTML }} + {{ end }} + {{ end }} + +
diff --git a/themes/doublefourteen/layouts/partials/work-in-progress.html b/themes/doublefourteen/layouts/partials/work-in-progress.html new file mode 100644 index 0000000..fa086f5 --- /dev/null +++ b/themes/doublefourteen/layouts/partials/work-in-progress.html @@ -0,0 +1,10 @@ +
+
+
+ Sorry, + there is nothing to show in this category, yet... +
+
+
+
+
diff --git a/themes/doublefourteen/shortcodes/box.html b/themes/doublefourteen/shortcodes/box.html new file mode 100644 index 0000000..151c13f --- /dev/null +++ b/themes/doublefourteen/shortcodes/box.html @@ -0,0 +1,3 @@ +
+ {{ .Inner }} +
\ No newline at end of file diff --git a/themes/doublefourteen/shortcodes/slogan.html b/themes/doublefourteen/shortcodes/slogan.html new file mode 100644 index 0000000..83206b8 --- /dev/null +++ b/themes/doublefourteen/shortcodes/slogan.html @@ -0,0 +1,17 @@ +{{ $version := index $.Site.Params.downloads_release_order 1 }} +{{ $lang := default "en" (.Get "lang") }} +
+
+
+ {{ .Inner | markdownify }} +
+
+ {{ .Get "get_started" }} + {{ i18n "slogan-latest-release" $version | safeHTML }} +
+ {{ .Get "docs" }} + {{ .Get "notes" }} +
+
+
+
diff --git a/themes/doublefourteen/shortcodes/sponsor-logos.html b/themes/doublefourteen/shortcodes/sponsor-logos.html new file mode 100644 index 0000000..fc2e437 --- /dev/null +++ b/themes/doublefourteen/shortcodes/sponsor-logos.html @@ -0,0 +1,19 @@ + +
+ {{ .Inner }} +
diff --git a/themes/doublefourteen/shortcodes/sponsor-title-cta.html b/themes/doublefourteen/shortcodes/sponsor-title-cta.html new file mode 100644 index 0000000..9219228 --- /dev/null +++ b/themes/doublefourteen/shortcodes/sponsor-title-cta.html @@ -0,0 +1,6 @@ +
+
{{.Get 0}}
+ + + +
diff --git a/themes/doublefourteen/static/404-chan.png b/themes/doublefourteen/static/404-chan.png new file mode 100755 index 0000000..6071110 Binary files /dev/null and b/themes/doublefourteen/static/404-chan.png differ diff --git a/themes/doublefourteen/static/404-chan_sm.png b/themes/doublefourteen/static/404-chan_sm.png new file mode 100644 index 0000000..c4cd8df Binary files /dev/null and b/themes/doublefourteen/static/404-chan_sm.png differ diff --git a/themes/doublefourteen/static/doublefourteen-logo-dark.svg b/themes/doublefourteen/static/doublefourteen-logo-dark.svg new file mode 100644 index 0000000..18a0445 --- /dev/null +++ b/themes/doublefourteen/static/doublefourteen-logo-dark.svg @@ -0,0 +1,141 @@ + + diff --git a/themes/doublefourteen/static/doublefourteen-logo-light.svg b/themes/doublefourteen/static/doublefourteen-logo-light.svg new file mode 100644 index 0000000..f5e25f9 --- /dev/null +++ b/themes/doublefourteen/static/doublefourteen-logo-light.svg @@ -0,0 +1,143 @@ + + diff --git a/themes/doublefourteen/static/external-link-dark.svg b/themes/doublefourteen/static/external-link-dark.svg new file mode 100644 index 0000000..c0c4edf --- /dev/null +++ b/themes/doublefourteen/static/external-link-dark.svg @@ -0,0 +1,13 @@ + + + diff --git a/themes/doublefourteen/static/external-link-light.svg b/themes/doublefourteen/static/external-link-light.svg new file mode 100644 index 0000000..4f0a7cc --- /dev/null +++ b/themes/doublefourteen/static/external-link-light.svg @@ -0,0 +1,13 @@ + + + diff --git a/themes/doublefourteen/static/favicon.ico b/themes/doublefourteen/static/favicon.ico new file mode 100644 index 0000000..275cb69 Binary files /dev/null and b/themes/doublefourteen/static/favicon.ico differ diff --git a/themes/doublefourteen/static/favicon.svg b/themes/doublefourteen/static/favicon.svg new file mode 100644 index 0000000..b6fa462 --- /dev/null +++ b/themes/doublefourteen/static/favicon.svg @@ -0,0 +1,127 @@ + + diff --git a/themes/doublefourteen/static/heart.svg b/themes/doublefourteen/static/heart.svg new file mode 100644 index 0000000..48035cf --- /dev/null +++ b/themes/doublefourteen/static/heart.svg @@ -0,0 +1 @@ + diff --git a/themes/doublefourteen/static/translate.svg b/themes/doublefourteen/static/translate.svg new file mode 100644 index 0000000..89e169d --- /dev/null +++ b/themes/doublefourteen/static/translate.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/themes/doublefourteen/static/work-in-progress.png b/themes/doublefourteen/static/work-in-progress.png new file mode 100644 index 0000000..2141bd1 Binary files /dev/null and b/themes/doublefourteen/static/work-in-progress.png differ diff --git a/themes/doublefourteen/theme.toml b/themes/doublefourteen/theme.toml new file mode 100644 index 0000000..8298282 --- /dev/null +++ b/themes/doublefourteen/theme.toml @@ -0,0 +1,22 @@ +# theme.toml template for a Hugo theme +# See https://github.com/gohugoio/hugoThemes#themetoml for an example + +name = "DoubleFourteen Original" +license = "GPL-3.0-or-later" +licenselink = "https://www.gnu.org/licenses/gpl-3.0.txt" +description = "Theme for https://doublefourteen.io website" +homepage = "https://doublefourteen.io" +tags = [] +features = [] +min_version = "0.83.1" + +[author] + name = "Lorenzo Cogotti" + homepage = "https://doublefourteen.io" + +DefaultContentLanguage = "en" +[languages] + [languages.en] + weight = 1 + [languages.it] + weight = 2

{{ . }}

404 – Page not found

{{ .Section }}

{{ .Section }}

{{ .Title }}

{{.Get 0}}