commit cf7a27bfa167deb57bc6ebc381ff166fb8d0cdff Author: MMaker Date: Tue Dec 2 23:49:51 2025 -0500 first! diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..a45e29f --- /dev/null +++ b/.gitignore @@ -0,0 +1,5 @@ +/public/ +/resources/_gen/ +/var/ +.DS_Store +Thumbs.db diff --git a/README.md b/README.md new file mode 100644 index 0000000..4d4a7ae --- /dev/null +++ b/README.md @@ -0,0 +1,5 @@ +# mmaker.moe + +Source for https://mmaker.moe + +Built with Hugo \ No newline at end of file diff --git a/archetypes/default.md b/archetypes/default.md new file mode 100644 index 0000000..e029eae --- /dev/null +++ b/archetypes/default.md @@ -0,0 +1,6 @@ +--- +title: "{{ replace .Name "-" \" \" | title }}" +date: {{ .Date }} +draft: true +images: +--- \ No newline at end of file diff --git a/config.toml b/config.toml new file mode 100644 index 0000000..0b3116b --- /dev/null +++ b/config.toml @@ -0,0 +1,15 @@ +baseURL = "https://mmaker.moe" +languageCode = "en-us" +title = "MMaker" +disableKinds = ["taxonomy"] +publishDir = "/var/www/sites/mmaker.moe/" + +[pagination] + pagerSize = 5 + +[params] + author = "MMaker" + description = "MMaker's Homepage" + subtext = "Programming · Video/Audio · YTPMV/音MAD" + images = ["thumbnail.png"] + mainSections = ['2019', '2020', '2022', '2023', '2025'] diff --git a/content/2019/10/_index.md b/content/2019/10/_index.md new file mode 100644 index 0000000..d704dba --- /dev/null +++ b/content/2019/10/_index.md @@ -0,0 +1,3 @@ +--- +title: "October 2019" +--- diff --git a/content/2019/10/new-site/index.md b/content/2019/10/new-site/index.md new file mode 100644 index 0000000..e224604 --- /dev/null +++ b/content/2019/10/new-site/index.md @@ -0,0 +1,11 @@ +--- +title: "New site" +date: 2019-10-23T08:56:31-04:00 +draft: false +--- + +It's been a while (a little over 2 years) since I've made any major changes to my site, so it's time for a change of face. I was never really satisfied with having a single landing page with only a few links, so I've went ahead and fixed that and oriented it to be more of a combination of a blog + anything else I may want to put up later. + +In the meantime, here's the most recent project I had the amazing opportunity to host and participate in. I may do a more detailed write-up of how it came to be in the future, but for now, please enjoy! + +{{< yt ddWJatRxfz8 >}} diff --git a/content/2019/10/the-glorious-octagon-of-destiny-timeline/index.md b/content/2019/10/the-glorious-octagon-of-destiny-timeline/index.md new file mode 100644 index 0000000..644ca05 --- /dev/null +++ b/content/2019/10/the-glorious-octagon-of-destiny-timeline/index.md @@ -0,0 +1,166 @@ +--- +title: "The Glorious Octagon of Destiny Timeline" +date: 2019-10-28T16:11:13-04:00 +draft: false +images: +- thegloriousoctagonofdestiny.png +--- + +A few months have passed since the release of the collaboration, so I believe now is a good time to do a write-up on the history of it before any details become lost or I begin to forget anything about it. + +So, in making this article I decided the best way to go about it would be writing out a timeline of events and facts, rather than a normal writing piece, to remove the possibility of any sort of bias I may inject. I also should note I'm unable to provide any info about majority of the events that took place before I was invited to participate. Some of this info was available to me via Discord chatlogs, but otherwise that is the knowledge of the other hosts involved. Furthermore, I've redacted some names as it may garner unwanted attention towards them otherwise. + +Without further intro, here is the timeline for the history of the collaboration. + +# **The Glorious Octagon of Destiny** + +**2013-12-31** + ++ '8 Awesome Angles of YouTube' uploaded to YouTube + +**2014-01-02** + ++ Collaboration now uploaded to niconico + +**2014-07-23** + ++ No new public information regarding a possible 3rd Octagon collaboration. [Tukaari makes a tweet regarding an "Octagon collab summer edition".](https://twitter.com/Tukaari22/status/492093369989201922) + +**2014-08-25** + ++ [MowtenDoo announces "there will not be an octagon video this year".](https://twitter.com/MowtenDoo/status/503972097811820544) + +**2014 - 2015** + ++ No information regarding the Octagon Collaboration at all. Majority of previous participants are inactive by this end of this period. + +**2016-01** + ++ [redacted] creates a private Google Spreadsheet of Octagon videos for the possibility of a new collaboration. Later shelved for the time being. + +**2017-11** + ++ [redacted] privately messages myself, stating that a 3rd Octagon collaboration is "most likely happening next year". + +**2018-02** + ++ Hosting team for a new Octagon collaboration, codenamed "Octagon 3", is now gathered. Hosting team under the official humorous title of the "Octagon Committee". ++ Discord server created. ++ Planning document created (song selection, participant invite process, production guidelines) + + Strict approval guidelines put in place, requiring a host to approve it and *all* hosts to have at least seen it. ++ Medley composer is scouted for during this period. (At the time, NOMA wasn't considered since he seemed out of reach) ++ [MarlonVids makes this tweet.](https://twitter.com/MarlonVids/status/960161196467990533) ++ Participant invite forms sent. + + Invite forms contain work-in-progress song selection. + + Invitees vote on each song based *only* on how much they would like to work with that song. This is what determines which songs are in the final selection. + + Big Blue is the most popular choice. + +{{< img src="octagoncommittee.png" caption="A very important channel in the Discord server" >}} + +**2018-03** + ++ [redacted] invites myself to be part of the hosting team. ++ Source pack created and hosted on Google Drive. ++ Due to lack of interest from other medley composers, NOMA is finally contacted regarding the collaboration. ++ NOMA accepts the invitation. ++ NOMA briefed on medley guidelines, song selection is finalized. ++ Medley production begins. + +**2018-04** + ++ Participants invited to Discord server. ++ Medley in production, several previews received from NOMA. ++ Title of "The Glorious Octagon of Destiny" first mentioned, not considered final yet. + +**2018-05** + ++ Medley production complete. + + "Ja¢k - Tik Toktagon" was originally planned to appear in the medley during the zoomzoom part, but was cut due to it being overlaid on another song and overall not fitting in very well. + +{{< yt m2irdSZexWs >}} + ++ "Viva Octagon" uploaded to YouTube, which was the only song part of the selection that did not have a reference video available at the time. ++ Part planning commenced and finished during this month. ++ Title finalized. ++ Audio deadline tentatively set to late June. The collaboration is currently scheduled to release on August 8th, 2018. + +**2018-06** + ++ Visual deadline set to July 31st. ++ Initial logo concepts created. [(Some of which can be viewed here)](https://twitter.com/LENN0Z/status/1159889832883228674) + +{{< img src="oooc.png" caption="One of the earliest logo concepts" >}} + +**2018-07** + ++ Logo finalized. ++ The Super Hexagon part is the first to be finished. ++ Due to time and management complexities, collaboration is pushed back to December 31st. + +**2018-08 - 2018-11** + ++ Working ... ++ Instrumental PV production begins during this time period. ++ Several audio parts are finished but no visual parts are during this period. + +**2018-12** + ++ Only 20% of collaboration is completed. ++ Snow Goose and Gourmet Race and finished, leaving just three parts complete. ++ Announcement made to participants regarding the status of the collaboration, delayed until further notice. ++ Idea for the "Coming Never" trailer concepted by [redacted], later uploaded to the OctagonCollaboration channel on the same exact day. + +{{< yt L8slRl6Az8s >}} + +**2019-01 - 2019-04** + ++ Fort Francis, Princess Inada, and Bonfire are completed during this period. + +**2019-05** + ++ "It's here...!" video advertising the Old Spice collaboration, Muscular Wonders, is posted to the OctagonCollaboration channel. + +{{< yt B9tAC7Huhv8 >}} + +**2019-06** + ++ Just under 50% of collaboration is completed as of this period. One part still has no progress done on it due to being dropped early on, with nobody to replace it. ++ Additional hosting help brought on, new deadlines set. ++ Collaboration set to release on August 8th, 2019. + +**2019-07** + ++ Most busiest month of collaboration production. ++ *2019-07-26* - Audio production finished, mastering begins the following day. ++ All visual parts except the zoomzoom are finished during this period. ++ 90% of the collaboration is completed by the end of this month. + +**2019-08** + ++ Daily work on the collaboration continues. + +**2019-08-03** + ++ New trailer uploaded to OctagonCollaboration channel, announcing release date of August 8th to the public. + +{{< yt pGsfv3KxHoc >}} + +**2019-08-07** + ++ Visual production finished, visual compiling finished shortly after. + +**2019-08-08** + ++ Collaboration video rendered. ++ Audio mastering finished, just hours before the (currently unannounced) release time of 5:00PM Eastern Time. ++ Collaboration uploaded, scheduled for a live premiere at 5:00PM Eastern Time. ++ Collaboration premieres, peaking at almost 1,200 live viewers. ++ Finalizing of the instrumental PV begins the next week. + +{{< yt ddWJatRxfz8 >}} + +**2019-08-17** + ++ Instrumental PV finished and uploaded. + +{{< yt 5VWF-TaIheE >}} diff --git a/content/2019/10/the-glorious-octagon-of-destiny-timeline/octagoncommittee.png b/content/2019/10/the-glorious-octagon-of-destiny-timeline/octagoncommittee.png new file mode 100644 index 0000000..df6ca6f Binary files /dev/null and b/content/2019/10/the-glorious-octagon-of-destiny-timeline/octagoncommittee.png differ diff --git a/content/2019/10/the-glorious-octagon-of-destiny-timeline/oooc.png b/content/2019/10/the-glorious-octagon-of-destiny-timeline/oooc.png new file mode 100644 index 0000000..974b064 Binary files /dev/null and b/content/2019/10/the-glorious-octagon-of-destiny-timeline/oooc.png differ diff --git a/content/2019/10/the-glorious-octagon-of-destiny-timeline/thegloriousoctagonofdestiny.png b/content/2019/10/the-glorious-octagon-of-destiny-timeline/thegloriousoctagonofdestiny.png new file mode 100644 index 0000000..a528630 Binary files /dev/null and b/content/2019/10/the-glorious-octagon-of-destiny-timeline/thegloriousoctagonofdestiny.png differ diff --git a/content/2019/_index.md b/content/2019/_index.md new file mode 100644 index 0000000..8cde772 --- /dev/null +++ b/content/2019/_index.md @@ -0,0 +1,3 @@ +--- +title: "2019" +--- diff --git a/content/2020/01/_index.md b/content/2020/01/_index.md new file mode 100644 index 0000000..837c3d3 --- /dev/null +++ b/content/2020/01/_index.md @@ -0,0 +1,3 @@ +--- +title: "January 2020" +--- diff --git a/content/2020/01/ytpmv-podcast-episode/index.md b/content/2020/01/ytpmv-podcast-episode/index.md new file mode 100644 index 0000000..83e30be --- /dev/null +++ b/content/2020/01/ytpmv-podcast-episode/index.md @@ -0,0 +1,11 @@ +--- +title: "YTPMV Podcast Episode" +date: 2020-01-27T18:20:59-05:00 +draft: false +--- + +This past week I had the opportunity to be featured on [soaroz's](https://www.youtube.com/user/Soarozzzzzzzz) YTPMV podcast! In it we discuss about how I got into YTPMV, more details about the recent Octagon collaboration, and my thoughts on how 音MAD relates to YTPMV. Please enjoy! + +{{< yt TmzipdO6HPQ >}} + +If you would prefer an audio-only version of the podcast, soaroz has provided an MP3 download available via Mediafire: [Download](https://www.mediafire.com/file/2veabxubzy5ctqa/mmaker2.mp3/file) diff --git a/content/2020/06/_index.md b/content/2020/06/_index.md new file mode 100644 index 0000000..fa0e469 --- /dev/null +++ b/content/2020/06/_index.md @@ -0,0 +1,3 @@ +--- +title: "June 2020" +--- diff --git a/content/2020/06/after-effects-methods-of-creating-comic-panels/animation.webm b/content/2020/06/after-effects-methods-of-creating-comic-panels/animation.webm new file mode 100644 index 0000000..54502aa Binary files /dev/null and b/content/2020/06/after-effects-methods-of-creating-comic-panels/animation.webm differ diff --git a/content/2020/06/after-effects-methods-of-creating-comic-panels/autotrace.png b/content/2020/06/after-effects-methods-of-creating-comic-panels/autotrace.png new file mode 100644 index 0000000..7569212 Binary files /dev/null and b/content/2020/06/after-effects-methods-of-creating-comic-panels/autotrace.png differ diff --git a/content/2020/06/after-effects-methods-of-creating-comic-panels/comiclayout.webm b/content/2020/06/after-effects-methods-of-creating-comic-panels/comiclayout.webm new file mode 100644 index 0000000..d742fa2 Binary files /dev/null and b/content/2020/06/after-effects-methods-of-creating-comic-panels/comiclayout.webm differ diff --git a/content/2020/06/after-effects-methods-of-creating-comic-panels/comicsetup.png b/content/2020/06/after-effects-methods-of-creating-comic-panels/comicsetup.png new file mode 100644 index 0000000..b9eaf95 Binary files /dev/null and b/content/2020/06/after-effects-methods-of-creating-comic-panels/comicsetup.png differ diff --git a/content/2020/06/after-effects-methods-of-creating-comic-panels/compoundarithmetic.png b/content/2020/06/after-effects-methods-of-creating-comic-panels/compoundarithmetic.png new file mode 100644 index 0000000..b716394 Binary files /dev/null and b/content/2020/06/after-effects-methods-of-creating-comic-panels/compoundarithmetic.png differ diff --git a/content/2020/06/after-effects-methods-of-creating-comic-panels/example.webm b/content/2020/06/after-effects-methods-of-creating-comic-panels/example.webm new file mode 100644 index 0000000..0a90e96 Binary files /dev/null and b/content/2020/06/after-effects-methods-of-creating-comic-panels/example.webm differ diff --git a/content/2020/06/after-effects-methods-of-creating-comic-panels/index.md b/content/2020/06/after-effects-methods-of-creating-comic-panels/index.md new file mode 100644 index 0000000..0bcb81e --- /dev/null +++ b/content/2020/06/after-effects-methods-of-creating-comic-panels/index.md @@ -0,0 +1,101 @@ +--- +title: "After Effects: Thoughts on Modularly Creating Effects (and Creating a Modular Comic Panel Setup)" +date: 2020-06-06T20:40:17-04:00 +draft: false +images: +- comicsetup.png +--- + +I originally wanted to write just the tutorial portion of this post, but quickly realized I'd like to share some of my thoughts on creating things modularly too, specifically in After Effects. + +Often when I have some trouble achieving something in After Effects, I find that many tutorials don't take advantage of the modularity of the software and resort to either destructive methods of achieving what they're after or using a different piece of software altogether. While these methods are perfectly fine, I have trouble committing to something destructive, because I will only be able to undo that change in the moment, and once my project has been saved and the software has been closed, I can't go back on my actions. + +Sure, I could incrementally save the project as I go, and if I decided to change something I could go back to an old project, but I've only done this as a form of having a backup incase something goes wrong in the project, or I decide to redo something entirely. This is more important in 3D software where many more factors are in play, but the point stands it mainly serves for backup purposes. Frankly, even if it were possible to go back to an old project file and merge the changes into the new one, it'd end up being more of an inconvenience. I know because I've done this before, albeit manually, but setting up something modular beforehand will make everything more streamlined in the end. A lot of newer software seems to be taking this approach much more seriously, such as Substance, Houdini, and Notch. + +All this being said, I'm honestly not the most creative person, and this is just how my brain is wired and how I express what creativity I do have, really. Part of the beauty I find in traditional art is it's a very in-the-moment thing. A painting is essentially impossible to be reproduced exactly how it was because of many things that depended on the conditions at the time: how the paints were made, what the condition of the brush was, the condition of the canvas, etc., and as humans, we're naturally imperfect in making anything. I view art as being inherently destructive, or "uneditable", especially because once my work is out there, very rarely is there ever a reason to modify or add to it. + +Before I go off onto a tangent further, to sum this up: however you make art is of course up to you and/or whoever you work with, and in the end, the general public will never see how it was made. I just wanted to write a bit about my thoughts on it and how my brain works to maybe offer a better perspective of how I work... and maybe so I can understand myself a bit more, I realize now it's becoming more apparent I should pick up Houdini... + +Anyways, onto the tutorial! + +{{< img src="comicsetup.png" caption="超！エキサイティン！！" >}} + +There's two methods of accomplishing this comic panel setup, but both start the same way, which is creating the panels themselves. The easiest way is with shape layers and to "slice" sections of a rectangle with the **Merge Paths** modifier. + +Simply set up a shape layer with two groups, one for the base shape (a rectangle here) and one for the slices. Then you can create a group for the slice, and duplicate it as needed to shape out the comic panel how you'd like. + +{{< img src="rect1.png" caption="Base rectangle, Merge Paths disabled..." >}} + +{{< img src="rect2.png" caption="Merge Paths enabled!" >}} + +{{< img src="shapelayer.png" caption="The stack of the shape layer" >}} + +One nice feature of using shape layers is you could continue to modify this shape further, such as adding modifiers to round the corners, or distort the whole shape. + +From here is where the tutorial splits off, one method more convenient and one more modular if you decide to make changes later. + +The first method is once you have this comic panel layout, because there's no built-in function to convert a shape layer to masks as far as I'm aware, is to auto-trace this shape layer and apply it as a new layer. + +{{< img src="autotrace.png" caption="The auto-trace function can be found via: Layer -> Auto-trace. Be sure to use settings that don't interfere with the shape." >}} + +From here, you can change the mask mode from **Difference** to **Add**, and duplicate this layer for as many masks as you have. You'll have to manually turn down the opacity for each panel you don't want, or you can apply this expression before duplicating the layer to the mask opacity, name your layer "Panel 1", and then duplicate the layer as necessary. It might be ideal to lock your masks before duplicating your layer as well. + +{{< highlight js "linenos=table" >}} +(thisProperty.propertyGroup(1).name.split(" ")[1] == thisLayer.name.split(" ")[thisLayer.name.split(" ").length-1]) ? 100 : 0 +{{< / highlight >}} + +Your layer stack should look something like this now: + +{{< img src="layerstack1.png" caption="" >}} + +{{< video src="comiclayout.webm" caption="" >}} + +This is the end of the first method, from here you can then parent your footage to these layers and use them as mattes or however else you please. If you're scaling up the panels at all, make sure you have the **Continuous Rasterization** switch checked. + +The second method is a much more modular approach where you could modify your original shape layer setup, or even animate it if you wish. + +First make sure your shape layer is in it's own precomp, that way you can come back to your single shape layer instance whenever you'd like to make changes. Then on that precomp, add the **Paint Bucket** effect, move the fill point to one of the panels, and set the blending mode to **Stencil Alpha**. Setting the tolerance to **150** seems to be the sweet spot for making sure the alpha of the panel's edges aren't changed as well. This will essentially cut out a single panel that you can then use in the same way the panels were cutout with auto-traced masks as done prior. + +{{< img src="paintbucketeffect.png" caption="A closer look at the Paint Bucket effect properties" >}} + +{{< video src="paintbucket.webm" caption="" >}} + +From here you can duplicate the layer and move the paint bucket's fill point to each of your panels' location. + +This could be the end of the tutorial but let's have a little more fun with this modular setup. What if we wanted to have an outline around the panels? Or move our panels individually? + +We already have a matte for our panel so we don't really want to interfere with that, and duplicating the layer would mean if we wanted to make changes to that panel, such as changing the fill point or modifying an effect, we might have to make changes to two layers. An easy way to get around this is copying the layer as-is into a solid, and one way to do this is using the **Compound Arithmetic** effect. + +Create a new solid, comp size, enable the **Continuous Rasterization** switch, and add the **Compound Arithmetic** effect, setting the source layer to the comic panel precomp (with **Effects & Masks**), and setting the operator channels to **ARGB** to make sure it includes the alpha. + +{{< img src="compoundarithmetic.png" caption="Who knew arithmetic could be useful in AE" >}} + +This setup allows you to have an exact reference of your specific comic panel layer incase you made changes to it, such as changing which panel it's using, without linking properties via expressions. + +So what can we do with this? One of the most simple things is adding an outline to this layer. You could do this via layer styles at this point, or if you want a strictly effect-based approach, use an effect stack like this one, after the **Compound Arithmetic** effect: + +{{< img src="outlineeffectstack.png" caption="Effects FTW!" >}} + +What we're doing here is slightly blurring the panel, crunching the alpha (which has now been expanded because of the blur), cutting out the original panel with the **Calculations** effect using the comic panel layer set to **Silhouette Alpha**, and then setting a color for the outline. There's some slight alpha bleeding inbetween the panel and the outline that can be fixed by using a **Simple Choker** and setting it to a small negative value, somewhere from -1 to -2 works well. Layer styles don't have this issue, but layer styles of course have their own issues, something to write about for another time... + +Once all your panels are set up it should be something like this! + +{{< img src="panelsoutlined.png" caption="" >}} + +At this point you can lock your solid layers and simply move your precomp layers to move the panels, and the outlines will move with them! You'll notice the layers will break if you move them too far, because the **Paint Bucket** effect doesn't respective layer position, but you can fix this by either offsetting the fill position with the layer position, or adding the **Transform** effect and transforming the layer from there. Using the **Transform** effect is a lot nicer because this takes care of modifying the scale, rotation, skew, etc. + +{{< video src="transform.webm" caption="" >}} + +Because of this setup of separating the panel and outline into their own layers, we can apply effects independently to these layers to achieve some neat effects. One such example would be applying a **Linear Wipe** to the panel precomp, which will automatically propagate to the outline layer. + +{{< video src="linearwipe.webm" caption="This setup maintains the outline too!" >}} + +To close things out, here's a simple animation using some of the above techniques, such as the **Transform** and **Linear Wipe** effects. + +{{< video src="animation.webm" caption="3Dアクションゲーム！" >}} + +{{< video src="example.webm" caption="Retains the ability to be modified, and doesn't impact the animation!" >}} + +I think that about covers everything. If you had any trouble following this tutorial at all, you may refer to the project file by checking the link below. And of course if you have any feedback, please feel free to leave a comment! I haven't written out a tutorial like this before so I'd be interested to hear what people's thoughts are. + +[Download the After Effects project file](/dump/ae/ModularComicPanel_distrib.zip) diff --git a/content/2020/06/after-effects-methods-of-creating-comic-panels/layerstack1.png b/content/2020/06/after-effects-methods-of-creating-comic-panels/layerstack1.png new file mode 100644 index 0000000..5b1b987 Binary files /dev/null and b/content/2020/06/after-effects-methods-of-creating-comic-panels/layerstack1.png differ diff --git a/content/2020/06/after-effects-methods-of-creating-comic-panels/linearwipe.webm b/content/2020/06/after-effects-methods-of-creating-comic-panels/linearwipe.webm new file mode 100644 index 0000000..3f6b329 Binary files /dev/null and b/content/2020/06/after-effects-methods-of-creating-comic-panels/linearwipe.webm differ diff --git a/content/2020/06/after-effects-methods-of-creating-comic-panels/outlineeffectstack.png b/content/2020/06/after-effects-methods-of-creating-comic-panels/outlineeffectstack.png new file mode 100644 index 0000000..449bb9b Binary files /dev/null and b/content/2020/06/after-effects-methods-of-creating-comic-panels/outlineeffectstack.png differ diff --git a/content/2020/06/after-effects-methods-of-creating-comic-panels/paintbucket.webm b/content/2020/06/after-effects-methods-of-creating-comic-panels/paintbucket.webm new file mode 100644 index 0000000..7f35379 Binary files /dev/null and b/content/2020/06/after-effects-methods-of-creating-comic-panels/paintbucket.webm differ diff --git a/content/2020/06/after-effects-methods-of-creating-comic-panels/paintbucketeffect.png b/content/2020/06/after-effects-methods-of-creating-comic-panels/paintbucketeffect.png new file mode 100644 index 0000000..8b48b39 Binary files /dev/null and b/content/2020/06/after-effects-methods-of-creating-comic-panels/paintbucketeffect.png differ diff --git a/content/2020/06/after-effects-methods-of-creating-comic-panels/panelsoutlined.png b/content/2020/06/after-effects-methods-of-creating-comic-panels/panelsoutlined.png new file mode 100644 index 0000000..aea9556 Binary files /dev/null and b/content/2020/06/after-effects-methods-of-creating-comic-panels/panelsoutlined.png differ diff --git a/content/2020/06/after-effects-methods-of-creating-comic-panels/rect1.png b/content/2020/06/after-effects-methods-of-creating-comic-panels/rect1.png new file mode 100644 index 0000000..d013449 Binary files /dev/null and b/content/2020/06/after-effects-methods-of-creating-comic-panels/rect1.png differ diff --git a/content/2020/06/after-effects-methods-of-creating-comic-panels/rect2.png b/content/2020/06/after-effects-methods-of-creating-comic-panels/rect2.png new file mode 100644 index 0000000..6ace888 Binary files /dev/null and b/content/2020/06/after-effects-methods-of-creating-comic-panels/rect2.png differ diff --git a/content/2020/06/after-effects-methods-of-creating-comic-panels/shapelayer.png b/content/2020/06/after-effects-methods-of-creating-comic-panels/shapelayer.png new file mode 100644 index 0000000..9c8effa Binary files /dev/null and b/content/2020/06/after-effects-methods-of-creating-comic-panels/shapelayer.png differ diff --git a/content/2020/06/after-effects-methods-of-creating-comic-panels/transform.webm b/content/2020/06/after-effects-methods-of-creating-comic-panels/transform.webm new file mode 100644 index 0000000..fb86b18 Binary files /dev/null and b/content/2020/06/after-effects-methods-of-creating-comic-panels/transform.webm differ diff --git a/content/2020/11/_index.md b/content/2020/11/_index.md new file mode 100644 index 0000000..b24a221 --- /dev/null +++ b/content/2020/11/_index.md @@ -0,0 +1,3 @@ +--- +title: "November 2020" +--- diff --git a/content/2020/11/club-fantastic/clubfantastic.png b/content/2020/11/club-fantastic/clubfantastic.png new file mode 100644 index 0000000..a1d4a77 Binary files /dev/null and b/content/2020/11/club-fantastic/clubfantastic.png differ diff --git a/content/2020/11/club-fantastic/index.md b/content/2020/11/club-fantastic/index.md new file mode 100644 index 0000000..58136f1 --- /dev/null +++ b/content/2020/11/club-fantastic/index.md @@ -0,0 +1,47 @@ +--- +title: "mod_shrine and Club Fantastic" +date: 2020-11-11T08:18:29-05:00 +draft: false +images: +- clubfantastic.png +--- + +Earlier this year, my friend [Dylan James](https://dylanjames.online/), who I was familiar with for his YTPMVs in the past and more recently having been able to work with him on the last Octagon collaboration, had made [a tweet where he shared a link to a selection of music he had made for #mod_shrine on EsperNet](https://twitter.com/dylnjs/status/1251647714946953219), an IRC channel for tracker and .mod file discussion, along with one hour compos (OHC). From what I gather, in recent years it's transitioned more into being only the latter, with OHCs being held every week, and not only limited to music made in trackers such as OpenMPT, but open to anyone using any DAW. Lots of amazing artists and musicians have joined these, such as [Tee Lopes](https://www.teelopesmusic.com/), [Frums](http://www.frums.xyz/), and [coda](https://coda.s3m.us/). + +I was really impressed by seeing how many good tunes Dylan had put out in these OHCs, and even [made an unintentional "everyday" with one of the songs](https://twitter.com/stysmmaker/status/1270491121400119296). I decided I might as well idle in the IRC channel to keep up with the OHCs, though at the time I never had even considered making some my own. + +Fast forward to a few months later, Dylan randomly notices I'm in the user list and starts (nicely) bugging me about trying to join an OHC sometime. Despite having made a good chunk of YTPMVs and having attempted playing a couple instruments in the past, I still to this day wouldn't consider to be versed in any sort of music production, especially compared to everyone in #mod_shrine. Regardless, I decided to take up the challenge and give it a shot. + +Half-jokingly, Dylan suggested that along with making a song, I make some visuals for it in that time as well. I figured this may be my best way to make a good first impression, since to both our knowledge nobody had ever made an ".mp4" entry before. [My first entry, simply titled "do", was made for the compo held on June 28th this year](https://s3m.it/compo/969), and I think judging from the reaction it made... some sort of first impression. + +{{< highlight plaintext "linenos=table" >}} +23:02:03 @rogerclark play do +23:02:12 ashastral Wha +23:02:12 Frums ????????? +23:02:13 dylanjames music 2 +23:02:14 @rogerclark its a video +23:02:15 Snooze W +23:02:19 Frums WHY BATTLEDOME +23:02:19 Snooze wha +23:02:20 dylanjames lmao +23:02:20 ashastral WHAT +23:02:27 Telperion w h a t +23:02:28 @coda oh wtf +23:02:31 @coda i just opened it in chrome +23:02:46 dylanjames opening mp4 in chrome +23:02:46 @rogerclark sick +{{< / highlight >}} + +{{< break >}} + +{{< video src="/dump/mod_shrine/do.mp4" caption="My excuse is the 'do' sample sounded like '超！' and I just happened to have a mask handy. Also these visuals were made in roughly 15 minutes" >}} + +Despite placing 8 out of 11, I really had fun with the compo and interacting with everyone during it! I've joined several more since then, [one of which I made live](https://www.twitch.tv/videos/767862947), and am still participating to the current date. It's been a nice way to stay in a creative groove and get inspiration for not only music but other creative projects, and has gotten me a lot more interested in music production overall. Everyone who participates is super nice and encouraging, and they all make *really* good stuff, so I'd highly recommend giving it a shot at least once sometime, because I'm almost very certain anyone who joins once will want to a second time. We've since gotten other previous YTPMVers involved and I even convinced my longtime friend [KP](https://kpworld.xyz/) to join --- so go ahead and give it a shot! + +From #mod_shrine is where I ended up having the opportunity to participate in what is the second topic of this article: [Club Fantastic](https://wiki.clubfantastic.dance/), a completely free-to-play and high quality set of tracks for play with StepMania, intended for new players and even experienced, featuring several artists from the #mod_shrine IRC channel. It has a self-contained, hassle-free setup, so you can download it right now and get started playing right away! + +Dylan approached me about Club Fantastic not long after participating in a few #mod_shrine compos, where I had the opportunity to work with a lot of great people, including [Roger Clark](https://rogerclark.org/), who currently hosts majority of the #mod_shrine compos nowadays and who I previously only knew for his [programming streams](https://www.youtube.com/watch?v=Z2b-a4r7hro) and, very fitting now, [a DDR documentary](https://rogerclark.org/projects/ddr-documentary/) he had helped produce. Along with producing a trailer for the project with Dylan (which you can view below), I made some art for **Can't You Bounce!?**, a song produced by Dylan under the alias **team BOUNCE**. The first season of the project was released last week to high acclaim from many DDR players, including [iamchris4life](https://twitter.com/CHRS4LFE/status/1324612251920130050), the subject of the aforementioned documentary. + +{{< yt UyZcfuvX12o >}} + +A strange string of events brought me to having participated in both of these communities I really wouldn't have considered before, but like most things I have gotten interested in, I think seeing a friend's passion in the work they do and then sharing that passion and encouraging me really inspires me to try it out, and eventually it ends up being a new interest. So, along with the whole Club Fantastic crew, I'd also just like to give a special thank you to Dylan and Roger who were both super encouraging through the whole project, especially Dylan for reaching out who without I would've not had this opportunity. diff --git a/content/2020/_index.md b/content/2020/_index.md new file mode 100644 index 0000000..c977313 --- /dev/null +++ b/content/2020/_index.md @@ -0,0 +1,3 @@ +--- +title: "2020" +--- diff --git a/content/2022/01/_index.md b/content/2022/01/_index.md new file mode 100644 index 0000000..c2f7bac --- /dev/null +++ b/content/2022/01/_index.md @@ -0,0 +1,3 @@ +--- +title: "January 2022" +--- diff --git a/content/2022/01/international-wrestling-festival-2021/IWF0.png b/content/2022/01/international-wrestling-festival-2021/IWF0.png new file mode 100644 index 0000000..4cb8953 Binary files /dev/null and b/content/2022/01/international-wrestling-festival-2021/IWF0.png differ diff --git a/content/2022/01/international-wrestling-festival-2021/IWF1.jpg b/content/2022/01/international-wrestling-festival-2021/IWF1.jpg new file mode 100644 index 0000000..aaef86d Binary files /dev/null and b/content/2022/01/international-wrestling-festival-2021/IWF1.jpg differ diff --git a/content/2022/01/international-wrestling-festival-2021/IWF2.jpg b/content/2022/01/international-wrestling-festival-2021/IWF2.jpg new file mode 100644 index 0000000..62354a8 Binary files /dev/null and b/content/2022/01/international-wrestling-festival-2021/IWF2.jpg differ diff --git a/content/2022/01/international-wrestling-festival-2021/index.md b/content/2022/01/international-wrestling-festival-2021/index.md new file mode 100644 index 0000000..1ee4b5d --- /dev/null +++ b/content/2022/01/international-wrestling-festival-2021/index.md @@ -0,0 +1,28 @@ +--- +title: "International Wrestling Festival" +date: 2022-01-03T05:11:03-05:00 +draft: false +images: +- IWF0.png +--- + +What a ride it's been. + +I originally wanted this to be a more long form post, but after reading some drafts, I think it's simply put best as a couple notes to not dwell entirely on the past, and to continue looking to the future, to aspire to do even greater things. + +I'm humbled for this past year to have participated and assist in the International Wrestling Festival, an overdue return of form for IWF. + +{{< video src="https://cdn.iwf.gay/IWF.mp4" poster="https://iwf.gay/thumb_2021.png" >}} + + +Many things made this collaboration incredibly challenging, but it cannot be stated enough how many things also made it incredibly fun and gratifying to work on. The journey taken to complete this collaboration, like past ones I've worked on, is one I will never forget. + +{{< img src="IWF1.jpg" >}} + +To all of those who I worked with on this collaboration: thank you. You are some of the best friends I could ask for and I am incredibly grateful for you. It is impossible for me to describe how much joy each of you have brought into my life. I hope you all continue to do amazing things in your lifetime and I will always be here to support you. + +To the viewers: thank you for watching. You enthusiasm towards these videos is something that is always greatly recognized and appreciated, and I hope for as silly as these videos are they inspire you in some form. + +And to Danny Resko: thank you for everything. Thank you for embracing the Wrestling Series culture and to have had such a positive influence as you've had. It was an honor to meet you and I wish you the best and many more 歪みねぇな years to come. + +{{< img src="IWF2.jpg" >}} diff --git a/content/2022/11/_index.md b/content/2022/11/_index.md new file mode 100644 index 0000000..c616b6c --- /dev/null +++ b/content/2022/11/_index.md @@ -0,0 +1,3 @@ +--- +title: "November 2022" +--- diff --git a/content/2022/11/miku-expo-ds-2022/MikuExpoDS2022.png b/content/2022/11/miku-expo-ds-2022/MikuExpoDS2022.png new file mode 100644 index 0000000..f8ee32e Binary files /dev/null and b/content/2022/11/miku-expo-ds-2022/MikuExpoDS2022.png differ diff --git a/content/2022/11/miku-expo-ds-2022/MikuExpoDS2022_Cover.jpg b/content/2022/11/miku-expo-ds-2022/MikuExpoDS2022_Cover.jpg new file mode 100644 index 0000000..8f93f27 Binary files /dev/null and b/content/2022/11/miku-expo-ds-2022/MikuExpoDS2022_Cover.jpg differ diff --git a/content/2022/11/miku-expo-ds-2022/MikuShobon2_01.jpg b/content/2022/11/miku-expo-ds-2022/MikuShobon2_01.jpg new file mode 100644 index 0000000..b861a98 Binary files /dev/null and b/content/2022/11/miku-expo-ds-2022/MikuShobon2_01.jpg differ diff --git a/content/2022/11/miku-expo-ds-2022/MikuShobon2_07.jpg b/content/2022/11/miku-expo-ds-2022/MikuShobon2_07.jpg new file mode 100644 index 0000000..73aaa0b Binary files /dev/null and b/content/2022/11/miku-expo-ds-2022/MikuShobon2_07.jpg differ diff --git a/content/2022/11/miku-expo-ds-2022/index.md b/content/2022/11/miku-expo-ds-2022/index.md new file mode 100644 index 0000000..9f0d6fc --- /dev/null +++ b/content/2022/11/miku-expo-ds-2022/index.md @@ -0,0 +1,17 @@ +--- +title: "MIKU EXPO Rewind+ - Digital Stars" +date: 2022-11-02T14:23:19-04:00 +draft: false +images: +- MikuShobon2_07.jpg +--- + +Excited to say I've been given the opportunity to work on set visuals for the upcoming [MIKU EXPO Rewind+](https://mikuexpo.com/rewind2022/index_en.html) online event! + +{{< img src="MikuExpoDS2022_Cover.jpg" >}} + +Specifically, myself and several others have collaborated on an entirely original DJ visual set for the amazing [beat_shobon](https://twitter.com/beat_shobon), which will be premiered during the Digital Stars portion of the expo, taking place only on the official [Hatsune Miku Twitch.tv channel](https://www.twitch.tv/cfm_official). + +The Digital Stars portion will be streamed **11/5/2022 @ 5:25 PM PST, 11/6/2022 @ 9:25 AM JST**. This livestream will not be archived, so be sure to check it out live if you don't want to miss it! We hope you enjoy! + +{{< img src="MikuShobon2_01.jpg" caption="Artwork by [Mabaki](https://mabiillustrations.com/)" >}} diff --git a/content/2022/_index.md b/content/2022/_index.md new file mode 100644 index 0000000..045541d --- /dev/null +++ b/content/2022/_index.md @@ -0,0 +1,3 @@ +--- +title: "2022" +--- diff --git a/content/2023/06/_index.md b/content/2023/06/_index.md new file mode 100644 index 0000000..e0b401f --- /dev/null +++ b/content/2023/06/_index.md @@ -0,0 +1,3 @@ +--- +title: "June 2023" +--- diff --git a/content/2023/06/re-reddit/index.md b/content/2023/06/re-reddit/index.md new file mode 100644 index 0000000..54ddb3a --- /dev/null +++ b/content/2023/06/re-reddit/index.md @@ -0,0 +1,45 @@ +--- +title: "Re: Reddit" +date: 2023-06-20T12:47:56-04:00 +draft: false +--- + +Having watched this unfold over the past several weeks, I've become very discontent with the direction the "general Internet community" has decided to go, so I'm going to leave some of my thoughts here, off the cuff. + +If you're not informed of recent events related to Reddit, I would suggest doing some reading, but Reddit is only a very small part of the problem that concerns me. What is more so of my concern is what is now happening due to the collapse of Reddit. + +As Reddit collapses, users are now looking to other avenues to migrate. What is sad to see is how users are migrating to an even worse platform: **Discord**. + +One site that has recently cropped up, [sub.rehab](https://sub.rehab/), lists subreddits that have migrated, many of which are pretty large communities, and many of which have chosen Discord as their platform of choice. The problem here is tri-fold: + +1. Discord is in the same stage Reddit was years ago: reliance on funding. +2. Discord is meant for real-time conversation, not async communication. +3. Most importantly: no Discord content exists on the clearnet. + +The death of Discord is inevitable as point 1 suggests. What irks me more is the latter 2 points. This isn't only the collapse of Reddit, **it is the collapse of genuine, searchable user-generated content**. + +Regarding point 3: if a community is "hosted" on Discord (which the owner does not even "host" themselves, as all content is owned by Discord), they have intentionally made the decision to hide all content in that server to only Discord users, and furthermore only Discord users who have joined that server. + +Why is this problematic? Search providers and indexers, such as Google, are becoming increasingly worse as more and more advertised results are lifted to the top of the results, and genuine user-generated content is valued less. One of the most popular tricks in recent years has been to filter search results to only return user-generated content. How? [By using Reddit.](https://old.reddit.com/wxoq10) + +This trick to filter results with {{< inlinecode "site:reddit.com" >}} has became more and more important over the years, as even previously self-hosted sites have begun to drift away from this and instead migrate to Discord. + +As an example I can provide from personal experience: back when I was working on [The Glorious Octagon of Destiny](/2019/10/the-glorious-octagon-of-destiny-timeline/), one thing we wanted to do was invite past participants. One participant in particular, [DKCPlayer](https://www.youtube.com/user/DKCtimotei) (alt channel link, as main channel as been deleted), seemed to have no method of contact. Eventually we did contact him through another past participant, but this was initially a matter of tracking down some way to contact them. During my research I eventually found they were on a Lucky Star fan forum named the [Lucky Star Shrine](https://web.archive.org/web/20190102231521/http://forums.luckystarshrine.com/). DKCPlayer had registered on this website, and due to how forums work, users can sometimes get PM notifications sent to the email they registered with. I made an account on this website in hopes of getting in contact with him. A few months passed and I never heard back, so I decided to check on the website. At first I thought the website was in some brief downtime period, but it was not. [It was permanently offline and migrated to Discord](https://web.archive.org/web/20190110114924/http://forums.luckystarshrine.com/showthread.php?s=b46879a732c614a43248e575370e5a55&goto=newpost&t=6188). + +{{< img src="luckystarshrine.png" caption="bye!" >}} + +The Lucky Star Shrine Forums is now a relic of the past. Thousands of posts now gone, and moved to a Discord that will soon be in the same situation. What was once a community on the clearnet is now relegated to the walled garden of Discord. + +And while many sites have already gone this same route, some simply started on Discord initially, but they both neglect the problem in point 2: no async communication. + +Discord is real-time, in a similar vein to IRC. Realtime conversation is great because it tends to get you answers fast and you can discuss events happening in-the-moment. What's not great is when a user comes along, days, months, or perhaps years later, and has the same question, or wants to find that same post from way back when. And worse, is this ties into point 3: you are expected to be in that Discord server, or the information is simply unobtainable to you. [This is becoming more and more prevalent in the gaming community](https://www.pcgamer.com/please-stop-making-discord-servers-for-things-that-shouldnt-be-discord-servers/), and I only foresee this becoming worse. + +Discord is fine for it's primary purpose of messaging, but it should not be treated like a forum, let alone a replacement for the entirety of a community, which ultimately becomes closed off from the rest of the Internet. + +I created my own website and other websites years ago as a means to provide some form of existence that I am primarily in control of, one that is also searchable. When somebody limits themself to centralized social media platforms, they do not own their content. Many people seem to not realize how much of an issue this is until it affects them directly. In this case, I knew this was coming, but it is not affecting me directly, and instead affecting me **indirectly**, along with the entire Internet. + +As perhaps a sense of hope, I do not think many people just know how much impact they could have to help improve this landscape of the Internet. I have an informational page about YTPMV/音MAD on my website. How easy is it to find this? [It's on the first page of a Google search](https://www.google.com/search?q=what%20is%20ytpmv). I have never once made an attempt to improve SEO. Now consider how this could be extrapolated to all sorts of different communities, whose communities solely exist on Discord. + +These recent events have genuinely made me worried for the future of the Internet. Not Reddit, the Internet. My frustration with this has reached the boiling point and I can no longer let this go without saying. + +On a personal note, I really do believe some form of action has to be taken place for the communities I'm involved in. While I have had plans for a [YTPMV wiki](https://ytpmv.wiki/wiki/Main_Page) for years, and content has already been made for it, I didn't want to publish something half-baked. In the coming months I hope to provide a more feature rich place for this, one acting as an archive, informational database, and community, similar to the likes of Danbooru. With the death of sites like YouTube to be inevitable, and a subculture like YTPMV being increasingly more word-of-mouth, something needs to be done before years upon years of media is lost, and before everything becomes relegated to a walled garden. diff --git a/content/2023/06/re-reddit/luckystarshrine.png b/content/2023/06/re-reddit/luckystarshrine.png new file mode 100644 index 0000000..e1f8747 Binary files /dev/null and b/content/2023/06/re-reddit/luckystarshrine.png differ diff --git a/content/2023/10/_index.md b/content/2023/10/_index.md new file mode 100644 index 0000000..d7a8fab --- /dev/null +++ b/content/2023/10/_index.md @@ -0,0 +1,3 @@ +--- +title: "October 2023" +--- diff --git a/content/2023/10/fzerojp/fzerojp.png b/content/2023/10/fzerojp/fzerojp.png new file mode 100644 index 0000000..cfb5f14 Binary files /dev/null and b/content/2023/10/fzerojp/fzerojp.png differ diff --git a/content/2023/10/fzerojp/fzerojp_cojp.png b/content/2023/10/fzerojp/fzerojp_cojp.png new file mode 100644 index 0000000..bcaf4c5 Binary files /dev/null and b/content/2023/10/fzerojp/fzerojp_cojp.png differ diff --git a/content/2023/10/fzerojp/fzerojp_discord.png b/content/2023/10/fzerojp/fzerojp_discord.png new file mode 100644 index 0000000..fef3663 Binary files /dev/null and b/content/2023/10/fzerojp/fzerojp_discord.png differ diff --git a/content/2023/10/fzerojp/fzerojp_email.png b/content/2023/10/fzerojp/fzerojp_email.png new file mode 100644 index 0000000..7876097 Binary files /dev/null and b/content/2023/10/fzerojp/fzerojp_email.png differ diff --git a/content/2023/10/fzerojp/fzerojp_gachimuchi.png b/content/2023/10/fzerojp/fzerojp_gachimuchi.png new file mode 100644 index 0000000..d035114 Binary files /dev/null and b/content/2023/10/fzerojp/fzerojp_gachimuchi.png differ diff --git a/content/2023/10/fzerojp/fzerojp_gamexplain.mp4 b/content/2023/10/fzerojp/fzerojp_gamexplain.mp4 new file mode 100644 index 0000000..2f176c8 Binary files /dev/null and b/content/2023/10/fzerojp/fzerojp_gamexplain.mp4 differ diff --git a/content/2023/10/fzerojp/fzerojp_isnic.png b/content/2023/10/fzerojp/fzerojp_isnic.png new file mode 100644 index 0000000..d4f7dda Binary files /dev/null and b/content/2023/10/fzerojp/fzerojp_isnic.png differ diff --git a/content/2023/10/fzerojp/fzerojp_tweet.jpg b/content/2023/10/fzerojp/fzerojp_tweet.jpg new file mode 100644 index 0000000..732b75b Binary files /dev/null and b/content/2023/10/fzerojp/fzerojp_tweet.jpg differ diff --git a/content/2023/10/fzerojp/index.md b/content/2023/10/fzerojp/index.md new file mode 100644 index 0000000..7ba3819 --- /dev/null +++ b/content/2023/10/fzerojp/index.md @@ -0,0 +1,54 @@ +--- +title: "FZeroJP: How I trolled the F-Zero community" +url: "/2023/10/fzerojp" +date: 2023-10-06T16:21:15-04:00 +draft: false +images: +- fzerojp.png +--- + +With the release of [F-Zero 99](https://www.nintendo.com/store/products/f-zero-99-switch/), revealed to everyone's surprise a few weeks back during a Nintendo Direct, it marks the first time F-Zero has been relevant in nearly 20 years. + +Well... except for a moment not too long ago, in comparison to those 20 years. So, it's time for another surprise reveal, one that has remained under wraps until now. + +Back in July 2020, an Internet user came across a locked account on then-Twitter (now X) with the username of "supermario35th". This account was very limited in info. It had a default profile picture, nonsensical name ({{< inlinecode "aaaaaaaaaaa" >}}), and was registered only a few months prior in March 2020. What made this account interesting was not only the username, but the account recovery email. If you had attempted to request a password reset for this account, it would display a specific email, one that looked a lot like something from Nintendo. [The full story of this can be found on VGC](https://www.videogameschronicle.com/news/fans-uncover-super-mario-35-twitter-account-potentially-linked-to-nintendo/). + +Most people quickly realized this was in fact an official Nintendo account, due to a combination of the email domain ({{< inlinecode "n******.**.** -> nintendo.co.jp" >}}), and other official Nintendo accounts using an email with a similar pattern of the first two letters being {{< inlinecode "ml" >}} followed by the {{< inlinecode "n******.**.**" >}} domain, such as @SplatoonJP and @SmashBrosJP. + +I was preplexed by this at the time. My rationale was Nintendo likely has enough power to not require obtaining an account this early in advance. They could simply ask Twitter to give it to them. However, this lead me down another thought process. + +{{< img src="fzerojp_discord.png" caption="s/o to [Chase](https://thechaseexp.com/)" >}} + +I immediately jumped the gun at this idea. The thought of teasing gulible Nintendo fans like this was too much of a tempting offer to resist. Out of sheer luck, I also had an alternate Twitter account with no activity that I just so happened to also create in March 2020. + +"Just rename the account to something interesting, like FZeroJP, and acquire a .co.jp domain", I thought to myself. This was going to be so simple to pull off, right? Well... + +{{< img src="fzerojp_cojp.png" caption="Gaijins not allowed." >}} + +This put .co.jp as a TLD out of the question and quickly limited my options. My only hope at this point was to find an inexpensive two-letter domain with a two-letter TLD. Not exactly straightforward. Luckily, after some sleuthing around, I eventually found one that still had one available: [Iceland](https://www.isnic.is). + +{{< img src="fzerojp_isnic.png" caption="'v0' in reference to [Airmoto](https://knowyourmeme.com/memes/hissu-amoto-san-airmoto), of course." >}} + +With a domain in hand, the only extra prep I had to do was temporarily create an email alias via a 3rd party service so I could re-verify my alternate Twitter account, and we were in business. After that, I locked down the account, made it look identical to the @supermario35th account, and while still private, tweeted what would be the reveal of the beast. + +{{< img src="fzerojp_email.png" caption="This actually still works as of this writing!" >}} + +All that remained at this point was an initial bombing ground for where to "leak" this information. Of course, [we had to choose Reddit](https://old.reddit.com/r/Fzero/comments/hsd89w/potential_fzero_twitter_account_owned_by_nintendo/). It didn't take long to spread. [ResetEra](https://www.resetera.com/threads/an-f-zero-twitter-account-might-have-just-been-found-update-absolutely-a-troll-f-zero-twitter-account-has-not-been-found.249417/), [GoNintendo](https://twitter.com/GoNintendoTweet/status/1283852085017161730), even [VGC](https://www.videogameschronicle.com/news/a-new-f-zero-twitter-registration-has-been-linked-to-nintendo/), the original outlet that reported on the @supermario35th account, brought it to attention. Some [personal](https://twitter.com/beat_shobon/status/1283859471094018049) [friends](https://twitter.com/DariusSheeno/status/1283868112253853696) got word of it too. Even [GameXplain made a video](https://www.youtube.com/watch?v=jaj0DD_g_MQ). [*Twice*](https://youtu.be/-Wab9KUMqX0?t=653). + +{{< video src="fzerojp_gamexplain.mp4" >}} + +All this sudden news coverage of F-Zero was also building up to [a Nintendo Direct only a few days away](https://www.nintendo.com/nintendo-direct/07-20-2020/). [People really believed it too](https://archive.ph/vvPDP). + +Of course, no announcement was actually going to happen, but neither was any Super Mario 35th anniversary news, so even after the Direct came and went, there was a belief it was still real. However, I also had a personal concern that leaving it up any longer left potential for Nintendo to take the account down sooner than we could have our fun with it. + +Shortly after the Direct concluded, the account was made public. + +{{< img src="fzerojp_tweet.jpg" caption="The final reveal was simply just [Bigyajue](https://www.nicovideo.jp/watch/sm22568335)." >}} + +[The tweet](https://web.archive.org/web/20211001102618/https://twitter.com/FZeroJP/status/1285217109660893184) (thank you kindly Archive.org for preserving this nearly in full!) garnered nearly 2k likes and 90k views. It also [had a brief stint of coverage in Japan](https://automaton-media.com/articles/newsjp/20200721-131155/). Of course, [most news outlets shrugged this off as "porn"](https://screenrant.com/f-zero-twitter-fake-porn-new-game-leak/), so I believe not many ultimately saw the tweet, but those that did were in for a nice surprise, [especially](https://twitter.com/MarlonVids/status/1285236232495210496) [several](https://twitter.com/Major_Milk/status/1285253798013935616) [friends](https://twitter.com/beat_shobon/status/1285252852038766592). + +This has been a closely kept secret up until this point. With F-Zero 99's release, I felt now was the right time to bring this to the public. F-Zero is now relevant again, but the story behind [@FZeroJP](https://twitter.com/FZeroJP) (later suspended in 2022) would have potentially faded away otherwise. And, frankly, I still find the story funny to this day, and hope others could see the humor in it too. + +...F-Zero 99 is pretty great by the way. + +{{< img src="fzerojp_gachimuchi.png" caption="114514" >}} diff --git a/content/2023/_index.md b/content/2023/_index.md new file mode 100644 index 0000000..cd4de82 --- /dev/null +++ b/content/2023/_index.md @@ -0,0 +1,3 @@ +--- +title: "2023" +--- diff --git a/content/2025/01/_index.md b/content/2025/01/_index.md new file mode 100644 index 0000000..dea2c2a --- /dev/null +++ b/content/2025/01/_index.md @@ -0,0 +1,3 @@ +--- +title: "January 2025" +--- diff --git a/content/2025/01/niconico-geo-blocking/index.md b/content/2025/01/niconico-geo-blocking/index.md new file mode 100644 index 0000000..e4b98a2 --- /dev/null +++ b/content/2025/01/niconico-geo-blocking/index.md @@ -0,0 +1,35 @@ +--- +title: "Niconico geo-block & User-Agent spoofing" +date: 2025-01-31T16:01:12-05:00 +draft: false +images: +- nicovideo-gay.png +--- + +Back in late October 2024, Niconico put in place access restrictions to prevent any device-restricted videos (likely containing sensitive content) from being viewed outside of Japan. [The full announcement can be read here.](https://web.archive.org/web/20241009073053/https://blog.nicovideo.jp/niconews/231350.html) + +However, in practice, because much of the Internet's infrastructure is grounded in the US, this ended up breaking functionality even for users from Japan. One such example of this are [Open Graph embeds](https://en.wikipedia.org/wiki/Facebook_Platform#Open_Graph_protocol). + +{{< img src="kannai-twitter.png" caption="Device-restricted video embeds have been broken on not only Twitter/X, but also Discord. [Source](https://x.com/kannai/status/1882074137742672015)" >}} + +Because most social networking services proxy and cache their embeds via a web crawler, and most of these crawlers originate from an IP address located in the US, this causes embeds to break on almost every site. [Niconico has no interest in fixing this](https://x.com/kannai/status/1885215909176107041?newtwitter=true), so I decided to look into creating a service to resolve this myself, much like other "embed fixer" projects that have popped up for Discord such as [FxTwitter](https://github.com/FixTweet/FxTwitter). + +{{< img src="nicovideo-gay.png" caption="Just replace '.jp' in a Niconico URL with '.gay'!" >}} + +This service is available at https://www.nicovideo.gay/ --- the root URL will redirect to my own site, but any other link, such as one to a video, will directly send you to Niconico's site. Here's an example: https://www.nicovideo.gay/watch/sm29250555 + +Currently, this service only fixes the thumbnail and nothing more. No new functionality is added, but I may consider it later. The goal for now was just to fix what previously worked. + +The thumbnail fix was pretty simple: in the initial HTTP response of a Niconico video's watch page, a JSON payload contained in a {{< inlinecode "" >}} tag with the name {{< inlinecode "server-response" >}} stores a bunch of data about the video, including the thumbnail URL. If you try to access a device-restricted video from a foreign IP, this data is absent. With a Japanese IP address, it is available. + +--- + +Initially, I was under the assumption that true geo-blocking was implemented and I would in fact have to host this service in Japan and access Niconico with a IP address originating from Japan. It turns out, Niconico was extremely lazy implementing this. By simply spoofing the {{< inlinecode "User-Agent" >}} header with a common web crawler, i.e. {{< inlinecode "Googlebot/2.1" >}}, it completely bypasses the geo-block. This returns the JSON payload contained in the initial HTTP request. + +What's even more insane about this though... is this works in any standard web browser. **No VPN is necessary.** Niconico geo-blocking can be defeated entirely by simply setting your user agent to that of a common web crawler. + +That {{< inlinecode "server-response" >}} payload mentioned earlier? It doesn't contain only the thumbnail --- **it contains everything**. Right now, you can watch any device-resticted Niconico video directly from an IP address originating outside of Japan. + +{{< img src="user-agent.gif" >}} + +Who knows how long this will last. Or if Niconico even cares. But for now... go watch [American Gay Wrestling 2](https://www.nicovideo.jp/watch/sm200572) from America while you still can! diff --git a/content/2025/01/niconico-geo-blocking/kannai-twitter.png b/content/2025/01/niconico-geo-blocking/kannai-twitter.png new file mode 100644 index 0000000..d618336 Binary files /dev/null and b/content/2025/01/niconico-geo-blocking/kannai-twitter.png differ diff --git a/content/2025/01/niconico-geo-blocking/nicovideo-gay.png b/content/2025/01/niconico-geo-blocking/nicovideo-gay.png new file mode 100644 index 0000000..fddafb8 Binary files /dev/null and b/content/2025/01/niconico-geo-blocking/nicovideo-gay.png differ diff --git a/content/2025/01/niconico-geo-blocking/user-agent.gif b/content/2025/01/niconico-geo-blocking/user-agent.gif new file mode 100644 index 0000000..5e993c7 Binary files /dev/null and b/content/2025/01/niconico-geo-blocking/user-agent.gif differ diff --git a/content/2025/07/_index.md b/content/2025/07/_index.md new file mode 100644 index 0000000..91e983c --- /dev/null +++ b/content/2025/07/_index.md @@ -0,0 +1,3 @@ +--- +title: "July 2025" +--- diff --git a/content/2025/07/re-sample-and-otodb/index.md b/content/2025/07/re-sample-and-otodb/index.md new file mode 100644 index 0000000..aefe123 --- /dev/null +++ b/content/2025/07/re-sample-and-otodb/index.md @@ -0,0 +1,29 @@ +--- +title: "Re:Sample & otoDB" +date: 2025-07-14T11:00:00-04:00 +draft: false +images: +- resample-otodb.png +--- + +{{< img src="resample-otodb.png" >}} + +Kept you waiting, huh? + +I'm very, very excited today to announce two initiatives in the YTPMV and 音MAD sphere. Two initiatives that uphold my personal beliefs on what YTPMV and 音MAD *could* be. Two initiatives that would not have been possible without those who have contributed to their creation, and those in the community who have shaped who I am up to this point. + +[Re:Sample](https://resample.works/) and [otoDB](https://otodb.net/). + +These projects have had quite a few hands involved in their coming to fruition, but on a personal note I want to give a huge thank you to [lachrymal](https://lachrymal.net/). They have been extremely instrumental in getting this project off the ground and have carried it in my times of absence. I frankly cannot thank them enough. + +There won't be much else dilly-dally from me here. Please go and read the respective announcement posts for more. And don't forget to check out our first event: VIDEO JAM! + +https://jam.resample.works/ + +https://resample.works/posts/an-invitation-to-explore/ + +https://otodb.net/post/2 + +Both projects, being a community growth effort, I believe we can only do so much, and the rest is up to whether or not the community will embrace it. Only time (and support) will tell! + +I hope you will continue to share the joy of 音MAD and YTPMV, just as I have...! diff --git a/content/2025/07/re-sample-and-otodb/resample-otodb.png b/content/2025/07/re-sample-and-otodb/resample-otodb.png new file mode 100644 index 0000000..f3b5ebc Binary files /dev/null and b/content/2025/07/re-sample-and-otodb/resample-otodb.png differ diff --git a/content/2025/_index.md b/content/2025/_index.md new file mode 100644 index 0000000..8e3bf8a --- /dev/null +++ b/content/2025/_index.md @@ -0,0 +1,3 @@ +--- +title: "2025" +--- diff --git a/content/about.md b/content/about.md new file mode 100644 index 0000000..5b20e8a --- /dev/null +++ b/content/about.md @@ -0,0 +1,6 @@ +--- +title: "About" +draft: false +--- + +I'm on the computer! \ No newline at end of file diff --git a/content/ae/_index.md b/content/ae/_index.md new file mode 100644 index 0000000..47e66d5 --- /dev/null +++ b/content/ae/_index.md @@ -0,0 +1,6 @@ +--- +title: "After Effects Tips" +draft: true +--- + +Coming soon! \ No newline at end of file diff --git a/content/ae/media/outline.png b/content/ae/media/outline.png new file mode 100644 index 0000000..54703c4 Binary files /dev/null and b/content/ae/media/outline.png differ diff --git a/content/ae/media/slice.png b/content/ae/media/slice.png new file mode 100644 index 0000000..12bda5a Binary files /dev/null and b/content/ae/media/slice.png differ diff --git a/content/ae/outline.md b/content/ae/outline.md new file mode 100644 index 0000000..8dfeaa4 --- /dev/null +++ b/content/ae/outline.md @@ -0,0 +1,8 @@ +--- +title: "After Effects: Methods of Creating Outlines" +shorttitle: "Outlines" +draft: true +images: +- /ae/media/outline.png +--- + diff --git a/content/ae/slice-transition.md b/content/ae/slice-transition.md new file mode 100644 index 0000000..958ed6c --- /dev/null +++ b/content/ae/slice-transition.md @@ -0,0 +1,8 @@ +--- +title: "After Effects: Slice Transition" +shorttitle: "Slice Transition" +draft: true +images: +- /ae/media/slice.png +--- + diff --git a/content/archive/_index.md b/content/archive/_index.md new file mode 100644 index 0000000..10db07b --- /dev/null +++ b/content/archive/_index.md @@ -0,0 +1,3 @@ +--- +title: "Archive" +--- diff --git a/content/things/_content.gotmpl b/content/things/_content.gotmpl new file mode 100644 index 0000000..deb77f9 --- /dev/null +++ b/content/things/_content.gotmpl @@ -0,0 +1,22 @@ +{{- $data := slice }} +{{- with os.ReadFile "data/things.json" }} + {{- $data = . | transform.Unmarshal }} +{{- end }} + +{{- range $data }} + {{- $params := dict + "link" .link + "thumb" .thumb + "type" .type + "title" .title + }} + {{- $dates := dict "date" (time .date) }} + {{- $page := dict + "kind" "page" + "path" (printf "%s/%s" .type .id) + "title" .title + "dates" $dates + "params" $params + }} + {{- $.AddPage $page }} +{{- end }} diff --git a/content/things/_index.md b/content/things/_index.md new file mode 100644 index 0000000..6b2a252 --- /dev/null +++ b/content/things/_index.md @@ -0,0 +1,10 @@ +--- +layout: things-list +title: "Things I Like" +draft: false +outputs: + - html + - rss +--- + +This is a general list of anything I like! I started this list in December 2023, but had backlogged some entries to get started. This list also has an [RSS feed](/things/index.xml) if that is of interest. \ No newline at end of file diff --git a/content/things/article/_index.md b/content/things/article/_index.md new file mode 100644 index 0000000..6b53766 --- /dev/null +++ b/content/things/article/_index.md @@ -0,0 +1,5 @@ +--- +layout: things-list +title: "Things I Like - Articles" +draft: false +--- \ No newline at end of file diff --git a/content/things/game/_index.md b/content/things/game/_index.md new file mode 100644 index 0000000..0e14851 --- /dev/null +++ b/content/things/game/_index.md @@ -0,0 +1,5 @@ +--- +layout: things-list +title: "Things I Like - Games" +draft: false +--- \ No newline at end of file diff --git a/content/things/video/_index.md b/content/things/video/_index.md new file mode 100644 index 0000000..813068a --- /dev/null +++ b/content/things/video/_index.md @@ -0,0 +1,5 @@ +--- +layout: things-list +title: "Things I Like - Videos" +draft: false +--- \ No newline at end of file diff --git a/content/things/website/_index.md b/content/things/website/_index.md new file mode 100644 index 0000000..e8bc30f --- /dev/null +++ b/content/things/website/_index.md @@ -0,0 +1,5 @@ +--- +layout: things-list +title: "Things I Like - Websites" +draft: false +--- \ No newline at end of file diff --git a/content/twitter.md b/content/twitter.md new file mode 100644 index 0000000..85ec952 --- /dev/null +++ b/content/twitter.md @@ -0,0 +1,7 @@ +--- +title: "" +draft: false +disableComments: true +--- + +{{}} \ No newline at end of file diff --git a/content/videos/_index.md b/content/videos/_index.md new file mode 100644 index 0000000..e6a339f --- /dev/null +++ b/content/videos/_index.md @@ -0,0 +1,9 @@ +--- +title: "Videos" +draft: false +outputs: ["HTML", "RSS"] +--- + +Here you can find the majority of videos I've worked on! Note these are encoded for optimized streaming, so if you're looking for high quality encodes, please refer to the [Project Files](/files) directory, also linked in the sidebar. You can also [subscribe to the video RSS feed](/videos/index.xml) to be notified when I release a new video. Please enjoy! + +{{}} \ No newline at end of file diff --git a/content/ytpmv.md b/content/ytpmv.md new file mode 100644 index 0000000..7db8355 --- /dev/null +++ b/content/ytpmv.md @@ -0,0 +1,283 @@ +--- +title: "MMaker's YTPMV & 音MAD Document" +draft: false +aliases: + - /ytpmv-reference +--- + +*[Header art by Hiro Yoshinaka](https://www.pixiv.net/en/artworks/1663080)* + +This living document is a more-or-less related to YTPMV/音MAD reference document/paste that I'll be continually updating. I hope you may find it useful! + +{{}} + +## **Table of Contents** +- General information + - [What is YTPMV/音MAD?]({{}}) + - [Why this document?]({{}}) + - [Recommended 'reading']({{}}) +- Resources + - [Software]({{}}) + - [Tutorials]({{}}) + - [Source Packs]({{}}) + - [Vegas → After Effects equivalents]({{}}) + - [Useful AE Shortcuts]({{}}) + - [External Links/Resources]({{}}) + +{{}} + +## **What is YTPMV/音MAD?** + +The answer to this can get pretty lengthy, so to keep things short considering most people reading this are already familiar with it, the core of YTPMV/音MAD is remixing popular or obscure media in both audio and visuals. Both are essentially the same thing and offshoots of their own niches --- YTPMV is an offshoot of YouTube Poop, and 音MAD (or otoMAD) is an offshoot of MADs. + +It's a fairly expansive niche that encompasses many forms of media, cultures, styles, and tastes. It can usually be found on the most popular video sharing sites for each respective region (YouTube in the US, Niconico in Japan, Bilibili in China). Like much creative work there is no one "true" way to create or enjoy it. And, because most authors will not always explicitly state their work is a YTPMV or 音MAD, this definition tends to be fairly loose. + +If this is your first time hearing about YTPMV/音MAD or you are not familiar with it already, I implore you to explore it for yourself. It's a form of media best enjoyed through discovering what creators and styles pique your interest and creating new things on your own (or with friends), and the rabbit hole goes just about as deep as you want. + +{{}} + +## **Why this document?** + +I've made this doc of resources in attempt to make something more complete for a wider range of people to help others potentially get up to speed more quickly, and because no full-fledged wiki-like equivalent currently exists ([at least for now!](https://ytpmv.wiki/)) + +Most information about YTPMV/音MAD tends to be only surface level, incomplete, in a different language, or simply via word of mouth. This is mostly due to the behavior of the community and how people got into it, and regional differences (Japan, for example, has much more public information and guides in Japanese). There also tends to be the practice of anonymity due to the nature of some sources/material and gatekeeping to reduce the amount low-effort works being made (Search for 'shuric scan' on YouTube and sort by most recent, this is just one example of something that has plagued the community, specifically YTPMV). + +This doc does not cover everything as it is mostly a general overview, and I will not spoonfeed. There truly is nothing *that* special about YTPMV/音MAD that separates it from other things and there is no 'special sauce' other than the effort and time you put in. People have been making sampled music and visual effects and idolizing/mocking popular media for decades now --- so if all those successful people can do that with the resources already out there, you can too! And it is nice to use your brain once in a while. 💪🧠 + +In all of this do take it with a grain of salt though. As mentioned earlier I believe with how large the niche is and with how many professions it potentially covers (storytelling, audio design, composition, visual effects, programming, project management, comedy [or potentially just "comedy", lol], etc.), finding out what you like about it and going from there is the best way to get the most enjoyment out of it. And even then you don't need to listen to me blab on about this at all --- **just do what you like and have fun!** + +{{}} + +## **Recommended 'reading'** + +I know I mentioned in the previous section it's best to explore things on your own, but there are a few (or many depending on who you ask) works that are considered to be trailblazers or in some way historical to the community. Here are some selections: + +- **[Classic YTPMV](https://www.youtube.com/playlist?list=PL_dobUiU1nj0YHfZ4r9cE9Xz9pIBaM_Ik)** + - Playlist originally by [omknee](https://twitter.com/omknee), one of the earliest YTPMV creators. Contains videos pre- and post-dating when the term YTPMV was coined. His channel was terminated by YouTube in July 2021 which removed all videos and playlists created by him. +- **[Big Beat Mario](https://www.youtube.com/watch?v=O36f1p8QSaw)** and **[Ronald McDonald insanity](https://www.youtube.com/watch?v=Q16KpquGsIc)** + - Arguably the most well-known YTPMV and 音MAD in the community. Created by [Triple_sSs](https://www.youtube.com/user/SkyGuy16) and [みくる](https://www.nicovideo.jp/user/921777) respectively. +- **[Danjiri Matsuri](https://www.nicovideo.jp/tag/%E6%9C%AC%E6%A0%BC%E7%9A%84%E7%94%B7%E5%B0%BB%E7%A5%AD)** (本格的男尻祭, or "Authentic Male Ass Festival") + - Yearly large-scale 音MAD collaboration from Japan with an international equivalent (International Wrestling Festival), based around the Wrestling Series, more commonly referred to as Gachimuchi. The 2010 collaboration, [BOY NEXT YEAR](https://www.nicovideo.jp/watch/sm13173789) (NSFW!), is one of the most viewed and upheld 音MAD collaborations. +- **[OctagonCollaboration](https://www.youtube.com/user/OctagonCollaboration)** and the **[Old Spice Collaboration Team](https://www.youtube.com/channel/UCcp2hrVPsaM38YIGkdjnxfg)** + - Currently some of the largest western YTPMV collaborations, utilizing material from celebrities Jack Black and Terry Crews, their most recent work being [The Glorious Octagon of Destiny](https://www.youtube.com/watch?v=ddWJatRxfz8) and [The Power of Terry](https://www.youtube.com/watch?v=OYG8Ul276-w) respectively. + +{{}} + +## **Software** + +The software used to create YTPMV/音MAD can sometimes vary but there a few most common: + +- **[Vegas Pro](https://www.vegascreativesoftware.com/us/vegas-pro/)** (previously Sony Vegas Pro) + - Paid. Often the gateway drug for YTPMV. A non-linear editor with support for both audio and video editing. Feasible to make a YTPMV with only this. +- **[REAPER](https://www.reaper.fm/)** + - Shareware. A multi-platform and very open-ended digital audio workstation (DAW) with lots of customization support. Probably the most used DAW (unless you consider Vegas one) by YTPMV/音MAD creators. +- **[FL Studio](https://www.image-line.com/)** + - Paid. User-friendly DAW that probably everyone knows about and is the easiest to get into for most. Very good all-around. +- **[Adobe After Effects](https://www.adobe.com/products/aftereffects.html)** + - Paid. VFX, motion graphics, and compositing software with a lot of wiggle room for all things inbetween. Regarded as the simplest to get into more higher-fidelity visuals but still has a learning curve. +- **[AviUtl](http://spring-fragrance.mints.ne.jp/aviutl/)** + - Free. Video editor that's a cross between the simplicity of Vegas and complexity of After Effects. Mostly only used by Japanese creators. Has an English translation and is largely expanded by plugins written by other users. +- **[Blender](https://www.blender.org/)** + - Free. Open source 3D graphics application. Has a steeper learning curve than most 3D apps due to it's unique interface, but has a very supportive community and is up-to-par with (and some would say even better) just about every other 3D software out there now. +- **[yt-dlp](https://github.com/yt-dlp/yt-dlp)** + - Free. Open source utility to download videos from many video sharing sites. This is how most people get their sources. If you're using a different downloader currently, chances are it's actually based on this one. + - For downloading from Niconico, a specific fork of yt-dlp is recommended to be used instead, found here: [https://github.com/ytdl-patched/ytdl-patched](https://github.com/ytdl-patched/ytdl-patched) +- **Other software** + - Photoshop, Illustrator, Ableton, DaVinci Resolve, Melodyne, Vocalshifter, UTAU, MMD, Cinema 4D, Maya, Houdini, Nuke, custom tools, etc... + - The list goes on. Some are what other people use and others are more specialized or advanced. It's likely if you're this deep in you know what you're doing. + +{{}} + +## **Tutorials** + +- **Vegas Pro** + - [Intermediate YTPMV Tutorial -- Tips & Tricks](https://www.youtube.com/watch?v=AyGdIqMwYno) - by [soaroz](https://twitter.com/soaroz) + - [Basic YTPMV tutorial (Sony Vegas) 2014](https://www.youtube.com/watch?v=pGBpqegcduE) - by [Oast](https://twitter.com/oastvids) + - [HOW TO YTPMV - THE BEGINNER'S GUIDE](https://www.youtube.com/watch?v=O-L0wO0ay3g) - by [SgtScrubnoob](https://www.youtube.com/user/SgtScrubnoob) +- **After Effects** + - [Beginner's After Effects & YTPMV (Tutorial Series)](https://www.youtube.com/playlist?list=PL_dobUiU1nj0gkPwOgKWgF4u1_326Y7dp) - by MMaker + - [Automatic YTPMV Screenflipping](https://www.youtube.com/watch?v=w5zKZov4-u0) - by MMaker + - There is also an [updated and revised version of this tutorial](https://www.youtube.com/watch?v=R1wyYDSB7nU) that may be of interest to more advanced users. +- **REAPER** + - [ReaperDAW Guide for Mashups / YTPMV / 音MAD](https://safnine.pw/ReaperDAW-Guide-for-Mashups-YTPMV-MAD-fd4dde7e1c5b46a392e11480defa6786) - by [SAF](https://twitter.com/SafNine) +- **Other** + - [UTAU Tutorial For 音MAD Makers](https://www.youtube.com/watch?v=A14fVT62wZo) - by [MikamiIsAJerk](https://twitter.com/MikamiIsAJerk) + - [Vocalshifter Tutorial](https://www.youtube.com/watch?v=4xyBWK8RHaA) - by [MikamiIsAJerk](https://twitter.com/MikamiIsAJerk) + - [The 音MAD Club - Tricks for Cutting Corners](https://www.youtube.com/watch?v=faR3I6VvNmM&) - by [1024byte](https://www.nicovideo.jp/user/15750192), translated by [CalibratedConfig](https://twitter.com/caliconfig) + +{{}} + +## **Source Packs** + +**Lurk more!** + +In all seriousness, I am not going to link any here as a good amount can come from pirated or NSFW content, but they are easy enough to find if you know some keywords and how to search for things Online. Some source packs are also of questionable quality, so sometimes you're better off making your own, and then sharing if you choose to do so. + +Also, use whatever sources YOU want to see being used or go and look for more, you don't always need to use existing ones. Sub-cultures and fads within this medium are often the product of the work of initially a few people or sometimes just one. Be creative! + +{{}} + +## **Vegas → After Effects equivalents** + +|Type |Vegas |AE | +|---------------|-----------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| +|Effect |360° Stabilization |Window → VR Comp Editor.jsx, 3D Camera Tracker | +|Effect |Add Noise |Noise | +|Effect |AutoLooks |Lumetri Color | +|Effect |Bézier Masking |Shape layers, masking | +|Effect |Black and White |Black & White | +|Effect |Black Restore |Luma Key | +|Effect |Border |Bevel Alpha, Roughen Edges, masking | +|Effect |Brightness and Contrast|Brightness & Contrast | +|Effect |Broadcast Colors |Broadcast Colors | +|Effect |Bump Map |CC Glass + comp lights | +|Effect |Channel Blend |Channel Combiner, Shift Channels | +|Effect |Chroma Blur |Keylight + Key Cleaner + Advanced Spill Suppressor | +|Effect |Chroma Keyer |Keylight, Linear Color Key | +|Effect |Color Balance |Color Balance, Selective Color, Curves, Lumetri Color, etc. | +|Effect |Color Corrector |Color Balance, Selective Color, Curves, Lumetri Color, etc. | +|Effect |Color Grading |Color Balance, Selective Color, Curves, Lumetri Color, etc. | +|Effect |Color Match |Tritone, Lumetri Color, etc. (footage dependent) | +|Effect |Convolution Kernel |Fast Box Blur, Emboss, CC Glass, Find Edges, Sharpen Edges, Sharpen, CC Kernel | +|Effect |Cookie Cutter |Shape layers, masking | +|Effect |Crop |Linear Wipe, masking | +|Effect |Defocus |Camera Lens Blur | +|Effect |Deform |CC Bender, Warp | +|Effect |Dual Fish Eye Stitching|*{{< warning "Resources:" >}} [#1](https://cgi.tutsplus.com/tutorials/how-to-set-up-and-create-videos-for-a-stereo-pair-3d-workstation--ae-22068), [#2](https://github.com/zethwillie/random_stuff/tree/master/aestereoscripts), [#3](https://aescripts.com/after-effects/3d/stereo-3d/)*| +|Effect |Fill Light |Tint + Brightness & Contrast + Fast Box Blur | +|Effect |Film Effects |Noise, Add Grain | +|Effect |Film Grain |Add Grain | +|Effect |Gaussian Blur |Gaussian Blur | +|Effect |Glint |[Starglow (3rd-party)](https://www.redgiant.com/products/trapcode-starglow/), various effect stacks | +|Effect |Glow |Glow | +|Effect |Gradient Map |Colorama | +|Effect |HSL Adjust |Color Balance (HLS) | +|Effect |Invert |Invert | +|Effect |LAB Adjust |*{{< warning "Resources:" >}} [#1](https://forums.creativecow.net/thread/2/952258#952271) (Also look into color management, profiles)* | +|Effect |Layer Dimensionality |Drop Shadow, layer styles | +|Effect |Lens Correction |Optics Compensation, CC Lens | +|Effect |Lens Flare |Lens Flare, [Optical Flares (3rd-party)](https://www.videocopilot.net/products/opticalflares/) | +|Effect |Levels |Levels | +|Effect |Light Rays |CC Light Burst, CC Light Rays, CC Radial Fast Blur, masking | +|Effect |Linear Blur |Fast Box Blur | +|Effect |LUT Filter |Lumetri Color | +|Effect |Mask Generator |Set Channels, Fill, masking | +|Effect |Median |Median | +|Effect |Mesh Warp |Mesh Warp | +|Effect |Min and Max |Minimax | +|Effect |Mirror |Mirror | +|Effect |Newsprint |[m's Halftone (3rd-party)](https://aescripts.com/m-s-halftone/), [BorisFX halftone (3rd-party)](https://borisfx.com/documentation/continuum/bcc-halftone/), various custom effect/layer stacks | +|Effect |Picture In Picture |Transform | +|Effect |Pinch/Punch |Bulge | +|Effect |Pixelate |Mosaic | +|Effect |Quick Blur |Fast Box Blur | +|Effect |Radial Blur |Radial Blur, CC Radial Fast Blur | +|Effect |Radial Pixelate |[Mosaic Plane (3rd-party)](http://www.frischluft.com/flair/) (not exactly the same) | +|Effect |Rays |CC Light Burst, CC Light Rays, CC Radial Fast Blur, [Optical Flares (3rd-party)](https://www.videocopilot.net/products/opticalflares/) | +|Effect |Saturation Adjust |Curves, Levels, Color Balance, etc. | +|Effect |Scene Rotation |Polar Coordinates + Transform | +|Effect |Sepia |Tint | +|Effect |Sharpen |Sharpen | +|Effect |Slow Motion |Time remapping + frame blending, CC Wide Time, Timewarp, [Twixtor (3rd-party](https://revisionfx.com/products/twixtor/after-effects/) | +|Effect |Smart Upscale |Detail-Preserving Upscale, [GPUResize (3rd-party)](https://aescripts.com/gpuresize/) | +|Effect |Smart Zoom |Detail-Preserving Upscale, [GPUResize (3rd-party)](https://aescripts.com/gpuresize/) | +|Effect |Soft Contrast |Brightness & Contrast, CC Vignette | +|Effect |Spherize |Spherize | +|Effect |Starburst |[Starglow (3rd-party)](https://www.redgiant.com/products/trapcode-starglow/), various effect stacks | +|Effect |Stereoscopic 3D Adjust |*{{< warning "Resources:" >}} [#1](https://cgi.tutsplus.com/tutorials/how-to-set-up-and-create-videos-for-a-stereo-pair-3d-workstation--ae-22068), [#2](https://github.com/zethwillie/random_stuff/tree/master/aestereoscripts), [#3](https://aescripts.com/after-effects/3d/stereo-3d/)*| +|Effect |Swirl |Twirl | +|Effect |Threshold |CC Threshold RGB | +|Effect |Timecode |Timecode | +|Effect |Tiny Planet |Polar Coordinates + Optics Compensation | +|Effect |TV Simulator |Various effect/layer stacks, [Universe VHS (3rd-party)](https://www.redgiant.com/products/universe/vhs) | +|Effect |Unsharp Mask |Unsharp Mask | +|Effect |Video Stabilization |Warp Stabilizer | +|Effect |Vignette |Vignette, masking | +|Effect |Wave |Wave Warp | +|Effect |White Balance |Curves, Levels, Lumetri Color, etc. | +|Media Generator|Checkerboard |Checkerboard | +|Media Generator|Color Gradient |Gradient Ramp, Colorama, masking | +|Media Generator|Credit Roll |Text layer(s) | +|Media Generator|Noise Texture |Fractal Noise, Turbulent Noise | +|Media Generator|Solid Color |Fill, solid layer | +|Media Generator|Test Pattern |Gradient Ramp, 4-Color Gradient, Mosaic, Tint, or just download the patterns | +|Media Generator|Titles & Text |Text layer(s) | +|Track Motion |2D Shadow |Drop Shadow | +|Track Motion |2D Glow |Drop Shadow | +|Transition |3D Blinds |Card Wipe | +|Transition |3D Cascade |Card Dance | +|Transition |3D Fly In/Out |3D layers | +|Transition |3D Shuffle |3D layers | +|Transition |Barn Door |Linear Wipe, masking + Transform, animating | +|Transition |Clock Wipe |Radial Wipe | +|Transition |Cross Effect |CC Cross Blur | +|Transition |Dissolve |Animate opacity, various Channel effects | +|Transition |Flash |Levels, Tint, solid layer | +|Transition |Gradient Wipe |Gradient Wipe | +|Transition |Iris |Iris Wipe | +|Transition |Linear Wipe |Linear Wipe | +|Transition |Page Loop |CC Page Turn | +|Transition |Page Peel |CC Page Turn | +|Transition |Page Roll |CC Page Turn | +|Transition |Portals |{{< important None >}} (would need to be made/written manually) | +|Transition |Push |Transform, animate layers | +|Transition |Slide |Transform, animate layers | +|Transition |Spiral |Transform, animate layers | +|Transition |Split |Transform, masking, animate layers | +|Transition |Squeeze |Transform, animate layers | +|Transition |Star Wipe |Shape layers, masking | +|Transition |Swap |Transform, animate layers | +|Transition |Venetian Blinds |Venetian Blinds | +|Transition |Warp Flow |Reshape | +|Transition |Zoom |Transform, animate layers | + +{{}} + +## **Useful AE Shortcuts** + +|Shortcut |Name | +|----------------------|---------------------------------------------------------------| +|{{< code "'" >}} |Enable title safe markings in viewport | +|{{< code "], [ ">}}|Set layer start/end point @ playhead | +|{{< code "` ">}}|Maximize / reset size of panel | +|{{< code "B, N ">}}|Set work area | +|{{< code "C ">}}|Camera tool | +|{{< code "Ctrl+(hold left mouse)">}}|Preview audio for 10 (?) frames | +|{{< code "Ctrl+(scrub mouse) ">}}|Preview audio | +|{{< code "Ctrl+], Ctrl+[ ">}}|Cut layer start/end point @ playhead | +|{{< code "Ctrl+D ">}}|Duplicate layer | +|{{< code "Ctrl+Home ">}}|Center layer in viewport | +|{{< code "Ctrl+Shift+C ">}}|Pre-compose layer(s) | +|{{< code "Ctrl+Shift+D ">}}|Split layer | +|{{< code "G ">}}|Pen / Feather mask tool | +|{{< code "H ">}}|Hand tool | +|{{< code "LL ">}}|Show layer's audio waveform | +|{{< code "Shift+' ">}}|Enable grid in viewport | +|{{< code "T, R, A, P, S ">}}|Transparency (opacity), Rotation, Anchor point, Position, Scale| +|{{< code "U ">}}|Display animated properties | +|{{< code "UU ">}}|Display modified properties | +|{{< code "V ">}}|Selection tool | +|{{< code "W ">}}|(w)Rotate tool | +|{{< code "X ">}}|Scroll to selected layer in timeline | +|{{< code "Y ">}}|Pan / anchor point tool | + +{{}} + +## **External Links/Resources** + +- **General** + - [List of 音MAD tags](https://old.reddit.com/r/touhou/wiki/nico/otomads) + - Massive list of tags used on Niconico with English descriptions. Doesn't contain a lot of newer tags but all the ones listed here are still used. + - [Nico Nico Pedia](https://dic.nicovideo.jp/) + - Large Japanese wiki. There's an entry for just about every source and joke used in 音MADs here. + - [otomad-search](https://otomad-search.vercel.app) + - Site created by [なあり](https://twitter.com/_naari_), allows for more straightforward searching of 音MADs on Niconico. + - [YTPMV Podcast](https://www.youtube.com/playlist?list=PLGscQQMGOuqakOCEOVVOqH4i0CNkuiZ96) + - Now discontinued, but previously provided a lot of interesting insight and history from various creators in the YTPMV scene. +- **After Effects** + - [Expressions Reference](http://expressions.aenhancers.com/) + - [Scripting Reference](http://docs.aenhancers.com/) + - [ScriptUI Dialog Builder](https://scriptui.joonas.me/) + - [Video Copilot's Basic Training](http://www.videocopilot.net/basic/) + - [Motiontable](http://foxcodex.html.xdomain.jp/) + - [After Effects Style](https://ae-style.net/) \ No newline at end of file diff --git a/data/things.json b/data/things.json new file mode 100644 index 0000000..2c88c49 --- /dev/null +++ b/data/things.json @@ -0,0 +1,306 @@ +[ + { + "id": "creating-mac-type-background-photoshop", + "type": "article", + "title": "Creating a Mac-Type Background in Photoshop", + "date": "2023-10-17", + "link": "https://web.archive.org/web/20080123065049/http://psdtuts.com/tutorials-effects/creating-a-mac-type-background-in-photoshop/", + "thumb": "/things/article_2023-10-17.jpg" + }, + { + "id": "i-accidentally-blender-vse", + "type": "article", + "title": "I accidentally Blender VSE", + "date": "2024-02-09", + "link": "https://aras-p.info/blog/2024/02/06/I-accidentally-Blender-VSE/", + "thumb": "/things/article_2024-02-09.png" + }, + { + "id": "suika-combination", + "type": "game", + "title": "Suika Combination", + "date": "2023-10-14", + "link": "https://ferdyslab.itch.io/suika-combination", + "thumb": "/things/game_2023-10-14.png" + }, + { + "id": "citizen-kane-64", + "type": "game", + "title": "Citizen Kane 64", + "date": "2024-02-25", + "link": "https://getbonus.itch.io/kane", + "thumb": "/things/game_2024-02-25.png" + }, + { + "id": "braid-anniversary-edition", + "type": "game", + "title": "Braid, Anniversary Edition", + "date": "2024-05-16", + "link": "https://store.steampowered.com/app/499180/", + "thumb": "/things/game_2024-05-16.jpg" + }, + { + "id": "makercentral", + "type": "website", + "title": "MakerCentral", + "date": "2022-11-07", + "link": "https://makercentral.io/", + "thumb": "/things/website_2023-10-14.png" + }, + { + "id": "shenzhen-east", + "type": "video", + "title": "Shenzhen East", + "date": "2023-06-28", + "link": "https://www.youtube.com/watch?v=ArQkcUPzlMk", + "thumb": "/things/video_2023-06-28.webp" + }, + { + "id": "gachimuchi-medley-2023", + "type": "video", + "title": "Gachimuchi Medley 2023 - To Aniki and Beyond", + "date": "2023-07-14", + "link": "https://www.youtube.com/watch?v=oTLQ8TuMqf4", + "thumb": "/things/video_2023-07-14.webp" + }, + { + "id": "cold-boot", + "type": "video", + "title": "Cold Boot", + "date": "2023-08-18", + "link": "https://www.youtube.com/watch?v=0j-7J3L0Om4", + "thumb": "/things/video_2023-08-18.webp" + }, + { + "id": "daicon-iv-1983-audience-reaction", + "type": "video", + "title": "Daicon IV - 1983 Audience Reaction", + "date": "2023-08-25", + "link": "https://www.youtube.com/watch?v=Bl0pIE1tlIM", + "thumb": "/things/video_2023-08-25.webp" + }, + { + "id": "jr-negishi-line-kannai-station", + "type": "video", + "title": "JR根岸線「関内駅」から【音MDM天】", + "date": "2023-10-05", + "link": "https://www.youtube.com/watch?v=ZXY0OWHYxGo", + "thumb": "https://i.ytimg.com/vi_webp/ZXY0OWHYxGo/mqdefault.webp" + }, + { + "id": "tokyo-shandy-rendez-vous", + "type": "video", + "title": "Tokyo Shandy Rendez Vous", + "date": "2023-10-11", + "link": "https://www.youtube.com/watch?v=mYo7zpHUlvM", + "thumb": "/things/video_2023-10-11.webp" + }, + { + "id": "battle-x-press", + "type": "video", + "title": "BATTLE X PRESS", + "date": "2023-12-08", + "link": "https://www.nicovideo.jp/watch/sm43121674", + "thumb": "/things/video_2023-12-08.jpg" + }, + { + "id": "tomorrow-corporation-tech-demo", + "type": "video", + "title": "Tomorrow Corporation Tech Demo", + "date": "2023-12-19", + "link": "https://www.youtube.com/watch?v=72y2EC5fkcE", + "thumb": "/things/video_2023-12-19.webp" + }, + { + "id": "shamikos-ahoge", + "type": "video", + "title": "Shamiko's Ahoge", + "date": "2024-01-10", + "link": "https://www.nicovideo.jp/watch/sm43255367", + "thumb": "/things/video_2024-01-10.jpg" + }, + { + "id": "steven-chipz-closet-picks", + "type": "video", + "title": "Steven Chipz's Closet Picks", + "date": "2024-01-27", + "link": "https://www.youtube.com/watch?v=8UeFLk9q-To", + "thumb": "/things/video_2024-01-27.jpg" + }, + { + "id": "override-kasane-teto-sv", + "type": "video", + "title": "オーバーライド - 重音テトSV[吉田夜世]", + "date": "2024-01-29", + "link": "https://www.youtube.com/watch?v=LLjfal8jCYI", + "thumb": "/things/video_2024-01-29.jpg" + }, + { + "id": "ice", + "type": "video", + "title": "ice", + "date": "2024-02-22", + "link": "https://www.youtube.com/watch?v=PbeRerAAChw", + "thumb": "/things/video_2024-02-22.jpg" + }, + { + "id": "trump-biden-obama-otomad-tier-list", + "type": "video", + "title": "Trump, Biden and Obama make a OTOMAD BGM tier list", + "date": "2024-02-28", + "link": "https://youtu.be/NenwghN_Zbg", + "thumb": "/things/video_2024-02-28.jpg" + }, + { + "id": "super-hidamatsuri", + "type": "video", + "title": "【Collaboration】Super Hidamatsuri【Hidamari Sketch 20th Anniversary】", + "date": "2024-03-02", + "link": "https://www.youtube.com/watch?v=o-UmcuWpD2w", + "thumb": "/things/video_2024-03-02.jpg" + }, + { + "id": "databurst-selicre-kaizo", + "type": "video", + "title": "Databurst by Selicre - 1st Place - Kaizo Level Design Context X", + "date": "2024-03-21", + "link": "https://www.youtube.com/watch?v=zoMjCMIQPIc", + "thumb": "/things/video_2024-03-21.jpg" + }, + { + "id": "metal-hisui-production-pt1", + "type": "video", + "title": "Metal Hisui production explanation pt. 1 [ENG subs]", + "date": "2024-04-02", + "link": "https://www.youtube.com/watch?v=Y3spO_pLQ-E", + "thumb": "/things/video_2024-04-02.jpg" + }, + { + "id": "overdome", + "type": "video", + "title": "オーバードーム", + "date": "2024-04-09", + "link": "https://www.nicovideo.jp/watch/sm43580881", + "thumb": "/things/video_2024-04-09.jpg" + }, + { + "id": "hummerman-2-quick-man-stage", + "type": "video", + "title": "Hummerman 2 - Quick Man Stage", + "date": "2024-04-19", + "link": "https://www.youtube.com/watch?v=9dfQ4Tj51ZY", + "thumb": "/things/video_2024-04-19.jpg" + }, + { + "id": "zen", + "type": "video", + "title": "膳", + "date": "2024-05-02", + "link": "https://youtu.be/LPEpiOMCqOY", + "thumb": "/things/video_2024-05-02.jpg" + }, + { + "id": "otogroove", + "type": "video", + "title": "otogroove", + "date": "2024-05-18", + "link": "https://www.nicovideo.jp/user/131698168", + "thumb": "/things/video_2024-05-18.jpg" + }, + { + "id": "machine-love-kasane-teto", + "type": "video", + "title": "Machine Love (feat. Kasane Teto)", + "date": "2024-06-22", + "link": "https://www.youtube.com/watch?v=sqK-jh4TDXo", + "thumb": "/things/video_2024-06-22.jpg" + }, + { + "id": "bocchi-the-rock-ep11", + "type": "video", + "title": "ぼっちざろっく11話セックス", + "date": "2024-06-29", + "link": "https://www.youtube.com/watch?v=MWsCjdC6Siw", + "thumb": "/things/video_2024-06-29.jpg" + }, + { + "id": "kakushika-iro-days", + "type": "video", + "title": "【音MAD】カクシカ色デイズ / ダイハツ部", + "date": "2024-07-13", + "link": "https://www.youtube.com/watch?v=aP-f9cUGYlk", + "thumb": "/things/video_2024-07-13.jpg" + }, + { + "id": "otomad-activity", + "type": "video", + "title": "音MAD活动", + "date": "2024-08-06", + "link": "https://www.bilibili.com/video/BV164YMeAEE5", + "thumb": "/things/video_2024-08-06.jpg" + }, + { + "id": "tell-me-circusp-kasane-teto", + "type": "video", + "title": "Tell Me / CircusP & beat_shobon feat. Kasane Teto", + "date": "2024-08-08", + "link": "https://youtu.be/-ktXa1X9jho", + "thumb": "/things/video_2024-08-08.jpg" + }, + { + "id": "fairies-on-the-house", + "type": "video", + "title": "♂ FAIRIES ON THE HOUSE ♂", + "date": "2024-10-31", + "link": "https://youtu.be/UTzJjd8WvCU", + "thumb": "/things/video_2024-10-31.jpg" + }, + { + "id": "evil-is-everywhere", + "type": "video", + "title": "Evil Is Everywhere", + "date": "2024-11-02", + "link": "https://youtu.be/OtSFzo8BBBw", + "thumb": "/things/video_2024-11-02.jpg" + }, + { + "id": "itodenwa-will-go-on", + "type": "video", + "title": "Itodenwa Will Go On", + "date": "2025-01-11", + "link": "https://youtu.be/ZUF3nDDxrRg", + "thumb": "/things/video_2025-01-11.jpg" + }, + { + "id": "making-of-lego-island", + "type": "video", + "title": "The Making of LEGO Island - A Documentary", + "date": "2025-02-23", + "link": "https://www.youtube.com/watch?v=bG55COe_f8I", + "thumb": "/things/video_2025-02-23.jpg" + }, + { + "id": "saihate-reprise", + "type": "video", + "title": "サイハテ（reprise）【初音ミクと小林オニキス】", + "date": "2025-03-02", + "link": "https://www.nicovideo.jp/watch/sm44711883", + "thumb": "/things/video_2025-03-02.jpg" + }, + { + "id": "pimp-my-ride-xzibit-entrances", + "type": "video", + "title": "Pimp My Ride - Xzibit Entrances", + "date": "2025-03-21", + "link": "https://www.youtube.com/watch?v=2dkN0YIBjEM", + "thumb": "/things/video_2025-03-21.jpg" + }, + { + "id": "nieotris", + "type": "video", + "title": "nieotris", + "date": "2025-06-01", + "link": "https://www.youtube.com/watch?v=kPRjKRb6gN8", + "thumb": "/things/nieotris.jpg" + } +] \ No newline at end of file diff --git a/data/videos.json b/data/videos.json new file mode 100644 index 0000000..a9fac75 --- /dev/null +++ b/data/videos.json @@ -0,0 +1,548 @@ +{ + "videos": [ + { + "type": "video", + "title": "Rooftop Octagon", + "videoid": "RooftopOctagon", + "date": "2015-10-31" + }, + { + "type": "video", + "title": "Battle Dome Without Marble - Radical Tsukudani", + "videoid": "BattledomeWithoutMarble", + "date": "2020-02-01" + }, + { + "type": "collab work", + "title": "Night of Nights - THE POWER OF TERRY", + "videoid": "TPOTNON", + "date": "2020-12-28" + }, + { + "type": "video", + "title": "Dare to Be 歪みねぇ", + "videoid": "DareToBeYugaminee", + "date": "2020-07-14" + }, + { + "type": "video", + "title": "BIG BOTTE", + "videoid": "BIGBOTTE", + "date": "2020-04-12" + }, + { + "type": "video", + "title": "【MERMAID SAX】", + "videoid": "MERMAIDSAX", + "date": "2018-02-11" + }, + { + "type": "ビデオ", + "title": "アリス「わたし、何もあげられるもの無いからBigBlueを歌うよ」", + "videoid": "AliceBigBlue", + "date": "2018-12-29" + }, + { + "type": "video", + "title": "Caramellnissin", + "videoid": "Caramellnissin", + "date": "2020-03-08" + }, + { + "type": "video", + "title": "Darkening Shape", + "videoid": "DarkeningShape", + "date": "2019-03-19" + }, + { + "type": "video", + "title": "Doin' It", + "videoid": "DoinIt", + "date": "2019-10-22" + }, + { + "type": "collab work", + "title": "Dr. Jack's Chill Pill", + "videoid": "DrJack", + "date": "2017-08-28" + }, + { + "type": "video", + "title": "Every Day Sushi (2017-10-18)", + "videoid": "eds20171018", + "date": "2017-10-18" + }, + { + "type": "video", + "title": "Every Day Sushi (2018-05-30)", + "videoid": "eds20181018", + "date": "2018-05-30" + }, + { + "type": "video", + "title": "Electric Shoot", + "videoid": "ElectricShoot", + "date": "2019-09-04" + }, + { + "type": "video", + "title": "Elmu☆ - 5t0p", + "videoid": "5t0p", + "date": "2018-01-02" + }, + { + "type": "collab work", + "title": "Enari", + "videoid": "Enari", + "date": "2019-08-23" + }, + { + "type": "collab work", + "title": "Fighting Octagon Team - SiIvaGunner King for Another Day Tournament", + "videoid": "OctagonKFAD", + "date": "2019-06-11" + }, + { + "type": "video", + "title": "Gangsta Bebop", + "videoid": "GangstaBebop", + "date": "2017-04-20" + }, + { + "type": "video", + "title": "GANGNAMIRU", + "videoid": "GANGNAMIRU", + "date": "2016-12-24" + }, + { + "type": "video", + "title": "grand.gif", + "videoid": "grandgif", + "date": "2016-12-10" + }, + { + "type": "video", + "title": "Grand", + "videoid": "Grand", + "date": "2017-03-19" + }, + { + "type": "video", + "title": "H.E.Y.", + "videoid": "jackhey", + "date": "2019-04-13" + }, + { + "type": "video", + "title": "HI", + "videoid": "billymayshi", + "date": "2018-07-19" + }, + { + "type": "video", + "title": "In the Hall of the Stop Sign King", + "videoid": "StopSignKing", + "date": "2017-04-27" + }, + { + "type": "video", + "title": "MF Billy", + "videoid": "MFBilly", + "date": "2019-02-17" + }, + { + "type": "video", + "title": "O ☆ B ☆ A ☆ M ☆ A", + "videoid": "obamapepsiman", + "date": "2020-01-25" + }, + { + "type": "video", + "title": "Obamacon", + "videoid": "Obamacon", + "date": "2020-01-24" + }, + { + "type": "video", + "title": "OcTaGon (PoPiPo ft. Jack Black)", + "videoid": "OctagonPopipo", + "date": "2018-04-02" + }, + { + "type": "video", + "title": "👖.GIF", + "videoid": "pantsdotgif", + "date": "2019-10-20" + }, + { + "type": "video", + "title": "👖！？", + "videoid": "KarakuriPants", + "date": "2017-11-12" + }, + { + "type": "video", + "title": "Raocow Has Been Cursed!", + "videoid": "RaocowHasBeenCursed", + "date": "2018-04-07" + }, + { + "type": "video", + "title": "runawayee", + "videoid": "runawayee", + "date": "2015-03-11" + }, + { + "type": "video", + "title": "S2003", + "videoid": "S2003", + "date": "2020-03-14" + }, + { + "type": "video", + "title": "Sakura Spice Storm", + "videoid": "SakuraSpiceStorm", + "date": "2016-12-30" + }, + { + "type": "video", + "title": "Shia Stole The Precious Thing", + "videoid": "ShiaStoleThePreciousThing", + "date": "2016-09-19" + }, + { + "type": "video", + "title": "Sparkin' Octagon", + "videoid": "SparkinOctagon", + "date": "2019-01-12" + }, + { + "type": "video", + "title": "Stuff3, Now and Forever", + "videoid": "Stuff3NowAndForever", + "date": "2018-11-09" + }, + { + "type": "video", + "title": "TerryWare, Inc.", + "videoid": "TerryWare", + "date": "2019-01-21" + }, + { + "type": "collab work", + "title": "The Glorious Octagon of Destiny - Octagon Hall", + "videoid": "OctagonHall", + "date": "2020-01-19" + }, + { + "type": "collab work", + "title": "The Skin's Color is Yellow", + "videoid": "SkinColorIsYellow", + "date": "2020-04-27" + }, + { + "type": "collab work", + "title": "The Wing Cap '64 Collab entry", + "videoid": "WingCap64", + "date": "2017-06-01" + }, + { + "type": "video", + "title": "Time Jack", + "videoid": "TimeJack", + "date": "2018-07-29" + }, + { + "type": "video", + "title": "Upperspice - Angels", + "videoid": "Upperspice", + "date": "2015-11-15" + }, + { + "type": "collab work", + "title": "What Dome You Mean!?", + "videoid": "WhatDomeYouMean", + "date": "2018-07-03" + }, + { + "type": "collab work", + "title": "Wild KBC Battle part", + "videoid": "WildKBCBattle", + "date": "2018-01-10" + }, + { + "type": "ビデオ", + "title": "にゃんにゃんにゃんにゃんにゃんにゃんにゃん！", + "videoid": "NyanKazuya", + "date": "2020-02-20" + }, + { + "type": "ビデオ", + "title": "ビグ・シティー・スライダー・ステーション", + "videoid": "BillyMaysChocolateDisco", + "date": "2018-06-09" + }, + { + "type": "ビデオ", + "title": "ロックマラ4　Dr.ゲイリーカプセル", + "videoid": "Rockmara4WilyCapsule", + "date": "2019-11-25" + }, + { + "type": "video", + "title": "👖⊿", + "videoid": "PantsPerfume", + "date": "2018-01-27" + }, + { + "type": "video", + "title": "April Fools' 2021", + "videoid": "AprilFools2021", + "date": "2021-04-01" + }, + { + "type": "ビデオ", + "title": "ゾックマン２　クイックマンステージ", + "videoid": "Zokuman2", + "date": "2021-04-12" + }, + { + "type": "video", + "title": "Doin' It", + "videoid": "DoinIt2", + "date": "2021-08-25" + }, + { + "type": "video", + "title": "Spacebotte Alpha", + "videoid": "SpacebotteAlpha", + "date": "2022-01-21" + }, + { + "type": "video", + "title": "Hotel Mario lost footage", + "videoid": "HotelMarioLostFootage", + "date": "2022-07-21" + }, + { + "type": "collab", + "title": "International Wrestling Festival", + "date": "2022-01-01", + "link": "https://iwf.gay/2021/", + "thumb": "https://iwf.gay/thumb_2021.png" + }, + { + "type": "collab", + "title": "The Power of Terry - An Old Spice 10th Anniversary Collaboration", + "date": "2020-12-28", + "link": "https://www.youtube.com/watch?v=OYG8Ul276-w", + "thumb": "https://i.ytimg.com/vi_webp/OYG8Ul276-w/mqdefault.webp" + }, + { + "type": "collab", + "title": "The Glorious Octagon of Destiny", + "date": "2019-08-08", + "link": "https://www.youtube.com/watch?v=ddWJatRxfz8", + "thumb": "https://i.ytimg.com/vi_webp/ddWJatRxfz8/mqdefault.webp" + }, + { + "type": "other", + "title": "MMaker's /v/GA 2018 Preshow Mix", + "date": "2019-02-25", + "link": "https://www.youtube.com/watch?v=TxRYvm-b-QM", + "thumb": "https://i.ytimg.com/vi_webp/TxRYvm-b-QM/mqdefault.webp" + }, + { + "type": "other", + "title": "Gachimuchi Pants Wrestling 2022 Los Angeles Anime Expo Full Show", + "date": "2022-07-12", + "link": "https://www.youtube.com/watch?v=t8makUoU1FA", + "thumb": "https://i.ytimg.com/vi_webp/t8makUoU1FA/mqdefault.webp" + }, + { + "type": "other", + "title": "Trailer Theme (In-Game Mix) - Sonic Mania", + "date": "2016-10-20", + "link": "https://www.youtube.com/watch?v=hTBnJ3wqtZ0", + "thumb": "https://i.ytimg.com/vi_webp/hTBnJ3wqtZ0/mqdefault.webp" + }, + { + "type": "collab", + "title": "Viva Octagon", + "date": "2018-05-16", + "link": "https://www.youtube.com/watch?v=g9XdvS59DFI", + "thumb": "https://i.ytimg.com/vi_webp/g9XdvS59DFI/mqdefault.webp" + }, + { + "type": "collab", + "title": "Super Jack Run - Remix 8", + "date": "2018-07-18", + "link": "https://www.youtube.com/watch?v=LYw9-iDY9nw", + "thumb": "https://i.ytimg.com/vi_webp/LYw9-iDY9nw/mqdefault.webp" + }, + { + "type": "collab", + "title": "Terry's Athletic Bodywash", + "date": "2018-10-15", + "link": "https://www.youtube.com/watch?v=ShtIRODxvmc", + "thumb": "https://i.ytimg.com/vi_webp/ShtIRODxvmc/mqdefault.webp" + }, + { + "type": "collab", + "title": "Japari Weed", + "date": "2019-04-20", + "link": "https://www.youtube.com/watch?v=BdTkn5qQJIU", + "thumb": "https://i.ytimg.com/vi_webp/BdTkn5qQJIU/mqdefault.webp" + }, + { + "type": "collab", + "title": "Muscular Wonders - Terry Crews' Greatest Hits", + "date": "2019-05-13", + "link": "https://www.youtube.com/watch?v=GLj6eO7HSFs", + "thumb": "https://i.ytimg.com/vi_webp/GLj6eO7HSFs/mqdefault.webp" + }, + { + "type": "other", + "title": "The Glorious Octagon of Destiny - Instrumental PV", + "date": "2019-08-17", + "link": "https://www.youtube.com/watch?v=5VWF-TaIheE", + "thumb": "https://i.ytimg.com/vi_webp/5VWF-TaIheE/mqdefault.webp" + }, + { + "type": "other", + "title": "MowtenDoo @ San Japan + New Video Soon", + "date": "2019-08-28", + "link": "https://www.youtube.com/watch?v=aCumxJo4hQs", + "thumb": "https://i.ytimg.com/vi_webp/aCumxJo4hQs/mqdefault.webp" + }, + { + "type": "collab", + "title": "Super Spice World", + "date": "2019-10-12", + "link": "https://www.youtube.com/watch?v=WqB6kpY7WZ8", + "thumb": "https://i.ytimg.com/vi_webp/WqB6kpY7WZ8/mqdefault.webp" + }, + { + "type": "collab", + "title": "Kitchen Gun - 3 Shots of Derek Bum", + "date": "2019-12-23", + "link": "https://www.youtube.com/watch?v=tcjCfJbYAzg", + "thumb": "https://i.ytimg.com/vi_webp/tcjCfJbYAzg/mqdefault.webp" + }, + { + "type": "collab", + "title": "Wielki Mix NiecikTube", + "date": "2020-06-01", + "link": "https://www.youtube.com/watch?v=aBakyAB-G60", + "thumb": "https://i.ytimg.com/vi_webp/aBakyAB-G60/mqdefault.webp" + }, + { + "type": "collab", + "title": "Shake That [S]", + "date": "2020-06-28", + "link": "https://www.youtube.com/watch?v=1eYHq10yl5k", + "thumb": "https://i.ytimg.com/vi_webp/1eYHq10yl5k/mqdefault.webp" + }, + { + "type": "collab", + "title": "CheesicScan 5: The Movie (The Cheesasaurus Rex Collab)", + "date": "2020-09-20", + "link": "https://www.youtube.com/watch?v=72Uyh2RmdFg", + "thumb": "https://i.ytimg.com/vi_webp/72Uyh2RmdFg/mqdefault.webp" + }, + { + "type": "other", + "title": "team BOUNCE - Can't You Bounce!?", + "date": "2020-11-05", + "link": "https://www.youtube.com/watch?v=YpvA3SzraQY", + "thumb": "https://i.ytimg.com/vi_webp/YpvA3SzraQY/mqdefault.webp" + }, + { + "type": "other", + "title": "Club Fantastic: Synthetic Dance 2020 Trailer", + "date": "2020-11-05", + "link": "https://www.youtube.com/watch?v=UyZcfuvX12o", + "thumb": "https://i.ytimg.com/vi_webp/UyZcfuvX12o/mqdefault.webp" + }, + { + "type": "other", + "title": "Xarlable @ Funny Rave: Sweet Baby Raves", + "date": "2021-07-16", + "link": "https://www.youtube.com/watch?v=Ay-nBOaR1Ys", + "thumb": "https://i.ytimg.com/vi_webp/Ay-nBOaR1Ys/mqdefault.webp" + }, + { + "type": "other", + "title": "Club Fantastic: Step Forward (Season 2) Trailer", + "date": "2021-09-13", + "link": "https://www.youtube.com/watch?v=OKVcwTQz3Xw", + "thumb": "https://i.ytimg.com/vi_webp/OKVcwTQz3Xw/mqdefault.webp" + }, + { + "type": "other", + "title": "Club Fantastic: Step Forward (Season 2) Teaser", + "date": "2021-09-13", + "link": "https://www.youtube.com/watch?v=w2VRjiR5LNo", + "thumb": "https://i.ytimg.com/vi_webp/w2VRjiR5LNo/mqdefault.webp" + }, + { + "type": "other", + "title": "Tee Lopes & Dylan James - POT", + "date": "2021-09-14", + "link": "https://www.youtube.com/watch?v=AO_nxEjEK-w", + "thumb": "https://i.ytimg.com/vi_webp/AO_nxEjEK-w/mqdefault.webp" + }, + { + "type": "other", + "title": "Behind the Scenes of the International Wrestling Fest. Promo Video", + "date": "2021-12-09", + "link": "https://www.youtube.com/watch?v=glk58lHcVsM", + "thumb": "https://i.ytimg.com/vi_webp/glk58lHcVsM/mqdefault.webp" + }, + { + "type": "other", + "title": "Multi-blend Mix. Is Your Order a Medley?", + "date": "2022-04-10", + "link": "https://www.youtube.com/watch?v=HIxmhxD-mSo", + "thumb": "https://i.ytimg.com/vi_webp/HIxmhxD-mSo/mqdefault.webp" + }, + { + "type": "other", + "title": "Spooky's HD Store Trailer", + "date": "2022-06-18", + "link": "https://www.youtube.com/watch?v=PLDmhAPqZf8", + "thumb": "https://i.ytimg.com/vi_webp/PLDmhAPqZf8/mqdefault.webp" + }, + { + "type": "other", + "title": "Bocchi the Medley", + "date": "2023-11-08", + "link": "https://www.youtube.com/watch?v=wEWqKuDOGPc", + "thumb": "https://i.ytimg.com/vi_webp/wEWqKuDOGPc/mqdefault.webp" + }, + { + "type": "video", + "title": "Gay", + "videoid": "Gay", + "date": "2022-12-26" + }, + { + "type": "video", + "title": "clouds.mov", + "videoid": "clouds", + "date": "2023-05-19" + }, + { + "type": "video", + "title": "Flying Polygon Zone", + "videoid": "FlyingPolygonZone", + "date": "2025-09-22" + }, + { + "type": "video", + "title": "yui.wad", + "videoid": "yuiwad", + "date": "2025-11-26" + } + ] +} \ No newline at end of file diff --git a/layouts/404.html b/layouts/404.html new file mode 100644 index 0000000..410f26a --- /dev/null +++ b/layouts/404.html @@ -0,0 +1,10 @@ +{{ define "main" }} +
+
+

404

+
+ Page not found! +
+
+
+{{ end }} \ No newline at end of file diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html new file mode 100644 index 0000000..b2df0e2 --- /dev/null +++ b/layouts/_default/baseof.html @@ -0,0 +1,52 @@ + + + + + + + {{ template "_internal/opengraph.html" . }} + {{ partial "twitter_cards_custom.html" . }} + {{ .Title }} + {{ with .Site.Params.description }}{{ end }} + {{ with .Site.Params.author }}{{ end }} + + + {{ with .OutputFormats.Get "RSS" -}} + {{ printf `` .Rel .MediaType.Type .RelPermalink $.Site.Title | safeHTML }} + {{- end }} + + +
+ {{ partial "header" . }} +
+ {{ block "main" . }}{{ end }} + {{ partial "sidebar.html" . }} + +
+ +
+ + + \ No newline at end of file diff --git a/layouts/_default/list.html b/layouts/_default/list.html new file mode 100644 index 0000000..b7f41e8 --- /dev/null +++ b/layouts/_default/list.html @@ -0,0 +1,17 @@ +{{ define "main" }} +
+ {{ if or .Title .Content }} +
+ + {{ with .Content }}
{{ . }}
{{ end }} +
+ {{ end }} + + {{ $paginator := .Paginate .RegularPagesRecursive }} + {{ range $paginator.Pages }} + {{ .Render "summary" }} + {{ end }} + {{ partial "pagination.html" . }} +
+ +{{ end }} \ No newline at end of file diff --git a/layouts/_default/single.html b/layouts/_default/single.html new file mode 100644 index 0000000..ba27b23 --- /dev/null +++ b/layouts/_default/single.html @@ -0,0 +1,16 @@ +{{ define "main" }} +
+
+

{{ .Title }}

 + {{ if .Date }} + + {{ end }} +
+
+ {{ .Content }} +
+
+ {{ if not .Params.disableComments }}{{ partial "comments" }}{{ end }} +
+
+{{ end }} diff --git a/layouts/_default/summary.html b/layouts/_default/summary.html new file mode 100644 index 0000000..71328bc --- /dev/null +++ b/layouts/_default/summary.html @@ -0,0 +1,10 @@ +
+

{{ .Title }}

 + + +
+ +
+ {{ .Content }} +
+
diff --git a/layouts/_default/things-list.html b/layouts/_default/things-list.html new file mode 100644 index 0000000..015fe50 --- /dev/null +++ b/layouts/_default/things-list.html @@ -0,0 +1,23 @@ +{{ define "main" }} +
+
+ {{ if or .Title .Content }} +
+ {{ with .Title }}

{{ . }}

{{ end }} + {{ with .Content }}
{{ . }}
{{ end }} +
+ {{ end }} + + + + {{ $showAll := .Parent.IsHome }} + {{ partial "things.html" (dict "ctx" . "showAll" $showAll) }} +
+
+{{ end }} diff --git a/layouts/ae/list.html b/layouts/ae/list.html new file mode 100644 index 0000000..4f6d0d1 --- /dev/null +++ b/layouts/ae/list.html @@ -0,0 +1,16 @@ +{{ define "main" }} +
+
+ {{ if or .Title .Content }} +
+ {{ with .Title }}

{{ . }}

{{ end }} + {{ with .Content }}
{{ . }}
{{ end }} +
+ {{ end }} + + {{ range sort (where .Site.RegularPages.ByTitle "Section" "ae" ) }} + {{ .Render "summary" }} + {{ end }} +
+
+{{ end }} \ No newline at end of file diff --git a/layouts/ae/summary.html b/layouts/ae/summary.html new file mode 100644 index 0000000..9208587 --- /dev/null +++ b/layouts/ae/summary.html @@ -0,0 +1,7 @@ + +
+
+ {{ .Param "shorttitle" }} +
+
+ \ No newline at end of file diff --git a/layouts/archive/list.html b/layouts/archive/list.html new file mode 100644 index 0000000..db0358b --- /dev/null +++ b/layouts/archive/list.html @@ -0,0 +1,21 @@ +{{ define "main" }} +
+
+

Archive

+ {{ $pages := where .Site.RegularPages "Type" "in" .Site.Params.mainSections }} + {{ range $pages.GroupByDate "2006" }} +
+

{{ .Key }}

+
    + {{ range .Pages.ByDate.Reverse }} +
  • + {{ .Date.Format "01-02" }} + {{ .Title }} +
    • + {{ end }} +
+
+ {{ end }} +
+
+{{ end }} diff --git a/layouts/index.html b/layouts/index.html new file mode 100644 index 0000000..cd86013 --- /dev/null +++ b/layouts/index.html @@ -0,0 +1,9 @@ +{{ define "main" }} +
+ {{ $paginator := .Paginate (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }} + {{ range $paginator.Pages }} + {{ .Render "summary" }} + {{ end }} + {{ partial "pagination.html" . }} +
+{{ end }} diff --git a/layouts/partials/comments.html b/layouts/partials/comments.html new file mode 100644 index 0000000..6e24f5b --- /dev/null +++ b/layouts/partials/comments.html @@ -0,0 +1,13 @@ +
+

Comments

+ +
+
\ No newline at end of file diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html new file mode 100644 index 0000000..a34c170 --- /dev/null +++ b/layouts/partials/footer.html @@ -0,0 +1,3 @@ + diff --git a/layouts/partials/header.html b/layouts/partials/header.html new file mode 100644 index 0000000..432fea4 --- /dev/null +++ b/layouts/partials/header.html @@ -0,0 +1,11 @@ +
+

{{ .Site.Title }}

+

{{ .Site.Params.Subtext }}

+
diff --git a/layouts/partials/media_item.html b/layouts/partials/media_item.html new file mode 100644 index 0000000..913634c --- /dev/null +++ b/layouts/partials/media_item.html @@ -0,0 +1,14 @@ + +
+
+ +
+
+ {{ .type }} +
+
+ {{ .title }} + {{ .date }} +
+
+ \ No newline at end of file diff --git a/layouts/partials/pagination.html b/layouts/partials/pagination.html new file mode 100644 index 0000000..0110bb1 --- /dev/null +++ b/layouts/partials/pagination.html @@ -0,0 +1,10 @@ + + diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html new file mode 100644 index 0000000..524fc0f --- /dev/null +++ b/layouts/partials/sidebar.html @@ -0,0 +1,219 @@ +
+
+ + MMaker's Homepage +
+ + + +
+ + + +
+ + + +
+ +
    + Archive + {{ $pages := where .Site.RegularPages "Type" "in" .Site.Params.mainSections }} + {{ range $pages.GroupByDate "2006" }} + {{ $year := .Key }} + {{ $months := .Pages.GroupByDate "01" }} +
  • {{ $year }}
    • + {{ range $i, $m := $months }} + {{ $month := .Key }} + {{ $isLast := eq $i (sub (len $months) 1) }} +
  • {{ if $isLast }}└{{ else }}├{{ end }} {{ $month }}
    • + {{ end }} + {{ end }} +
+
    + Archive + {{ $pages := where .Site.RegularPages "Type" "in" .Site.Params.mainSections }} + {{ range $pages.GroupByDate "2006-01" }} + {{ $key := .Key }} +
  • {{ $key }}
    • + {{ end }} +
+ +
+ + + +
+ + + +
+ +
    +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • + {{/* */}} +
    • +
    • +
+ +
+ +
+ +
+ +
+ diff --git a/layouts/partials/things.html b/layouts/partials/things.html new file mode 100644 index 0000000..c4f6b70 --- /dev/null +++ b/layouts/partials/things.html @@ -0,0 +1,14 @@ +{{/* Accept optional "showAll" parameter to show all site pages vs section pages */}} +{{ $showAll := .showAll | default false }} +{{ $ctx := .ctx }} +{{ $pages := $ctx.Pages }} +{{ if $showAll }} + {{ $pages = $ctx.Site.RegularPages }} +{{ end }} +
+{{ range ($ctx.Paginate (where $pages "Params.thumb" "!=" nil) 5).Pages }} + {{ $DateField := (printf "%s" (time.Format "2006-01-02" .Date))}} + {{ partial "media_item" ( dict "srcLink" .Params.link "srcThumb" .Params.thumb "title" .Params.title "date" $DateField "type" .Params.type ) }} +{{ end }} +
+{{ partial "pagination.html" $ctx }} diff --git a/layouts/partials/twitter_cards_custom.html b/layouts/partials/twitter_cards_custom.html new file mode 100644 index 0000000..3868715 --- /dev/null +++ b/layouts/partials/twitter_cards_custom.html @@ -0,0 +1,29 @@ +{{- with $.Params.images -}} + + +{{ else -}} +{{- $images := $.Resources.ByType "image" -}} +{{- $featured := $images.GetMatch "*feature*" -}} +{{- if not $featured }}{{ $featured = $images.GetMatch "{*cover*,*thumbnail*}" }}{{ end -}} +{{- with $featured -}} + + +{{- else -}} +{{- with $.Site.Params.images -}} + + +{{ else -}} + +{{- end -}} +{{- end -}} +{{- end }} + + +{{ with .Site.Params.Social.twitter -}} + +{{ end -}} +{{ range .Site.Params.Authors }} +{{ with .twitter -}} + +{{ end -}} +{{ end -}} \ No newline at end of file diff --git a/layouts/rss.xml b/layouts/rss.xml new file mode 100644 index 0000000..bff154c --- /dev/null +++ b/layouts/rss.xml @@ -0,0 +1,37 @@ + + + + {{ if eq .Title .Site.Title }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{.}} on {{ end }} + {{ .Site.Title }}{{ end }} + + {{ .Permalink }} + Recent posts {{ if ne .Title .Site.Title }}{{ with .Title }}in {{.}} + {{ end }}{{ end }}by {{ .Site.Title }} + Hugo -- gohugo.io{{ with .Site.LanguageCode }} + {{.}}{{end}}{{ with .Site.Author.email }} + {{.}}{{ with $.Site.Author.name }} ({{.}}){{end}} + {{end}} + {{ with .Site.Author.email }} + {{.}}{{ with $.Site.Author.name }} ({{.}}){{end}} + {{end}} + {{ with .Site.Copyright }} + {{.}}{{end}}{{ if not .Date.IsZero }} + {{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }} + {{ end }} + {{ with .OutputFormats.Get "RSS" }} + {{ printf "" .Permalink .MediaType | safeHTML }} + {{ end }} + {{ range first 5 (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }} + {{ if not .Date.IsZero }} + + {{ .Title }} + {{ .Permalink }} + {{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }} + {{ with .Site.Author.email }}{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}{{end}} + {{ .Permalink }} + {{ .Content | html }} + + {{ end }} + {{ end }} + + diff --git a/layouts/shortcodes/break.html b/layouts/shortcodes/break.html new file mode 100644 index 0000000..4bbea23 --- /dev/null +++ b/layouts/shortcodes/break.html @@ -0,0 +1 @@ +
\ No newline at end of file diff --git a/layouts/shortcodes/code.html b/layouts/shortcodes/code.html new file mode 100644 index 0000000..18d34b2 --- /dev/null +++ b/layouts/shortcodes/code.html @@ -0,0 +1 @@ +{{ index .Params 0 }} \ No newline at end of file diff --git a/layouts/shortcodes/img.html b/layouts/shortcodes/img.html new file mode 100644 index 0000000..0953c3e --- /dev/null +++ b/layouts/shortcodes/img.html @@ -0,0 +1,14 @@ +
+ {{ $src := .Get "src" }} + {{ if hasPrefix $src "/" }} + + {{ else }} + {{ $img := .Page.Resources.GetMatch $src }} + {{ if $img }} + + {{ else }} + + {{ end }} + {{ end }} +

{{ .Get "caption" | markdownify }}

+
\ No newline at end of file diff --git a/layouts/shortcodes/important.html b/layouts/shortcodes/important.html new file mode 100644 index 0000000..4136c52 --- /dev/null +++ b/layouts/shortcodes/important.html @@ -0,0 +1 @@ +{{ index .Params 0 }} \ No newline at end of file diff --git a/layouts/shortcodes/inlinecode.html b/layouts/shortcodes/inlinecode.html new file mode 100644 index 0000000..00ba41a --- /dev/null +++ b/layouts/shortcodes/inlinecode.html @@ -0,0 +1 @@ +{{ index .Params 0 }} \ No newline at end of file diff --git a/layouts/shortcodes/twitter-archive-iframe.html b/layouts/shortcodes/twitter-archive-iframe.html new file mode 100644 index 0000000..8ef9ab7 --- /dev/null +++ b/layouts/shortcodes/twitter-archive-iframe.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/layouts/shortcodes/video.html b/layouts/shortcodes/video.html new file mode 100644 index 0000000..e2142fe --- /dev/null +++ b/layouts/shortcodes/video.html @@ -0,0 +1,16 @@ +
+ {{ $src := .Get "src" }} + {{ $poster := .Get "poster" }} + {{ if and $src (not (hasPrefix $src "http")) (not (hasPrefix $src "/")) }} + {{ $vid := .Page.Resources.GetMatch $src }} + {{ if $vid }}{{ $src = $vid.RelPermalink }}{{ end }} + {{ end }} + {{ if and $poster (not (hasPrefix $poster "http")) (not (hasPrefix $poster "/")) }} + {{ $p := .Page.Resources.GetMatch $poster }} + {{ if $p }}{{ $poster = $p.RelPermalink }}{{ end }} + {{ end }} + +

{{ .Get "caption" }}

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

+

+ +
+
Now playing: [no video selected]
+

+ +
+ {{ range $index, $elem := sort $.Site.Data.videos.videos "date" "desc" }} + {{ $srcLink := or $elem.link (printf "https://cdn.mmaker.moe/video/%s_%s.mp4" $elem.date $elem.videoid) }} + {{ $srcThumb := or $elem.thumb (printf "https://cdn.mmaker.moe/video/thumbnail/%s_%s.jpg" $elem.date $elem.videoid) }} + {{ partial "media_item" ( dict "srcLink" $srcLink "srcThumb" $srcThumb "title" $elem.title "date" $elem.date "type" $elem.type "videoid" $elem.videoid ) }} + {{ end }} +
+ +
+ +
Description
+
[no video selected]
+ + \ No newline at end of file diff --git a/layouts/shortcodes/warning.html b/layouts/shortcodes/warning.html new file mode 100644 index 0000000..538baaf --- /dev/null +++ b/layouts/shortcodes/warning.html @@ -0,0 +1 @@ +{{ index .Params 0 }} \ No newline at end of file diff --git a/layouts/shortcodes/yt.html b/layouts/shortcodes/yt.html new file mode 100644 index 0000000..52f9d62 --- /dev/null +++ b/layouts/shortcodes/yt.html @@ -0,0 +1,6 @@ +
+ + +
\ No newline at end of file diff --git a/layouts/things/rss.xml b/layouts/things/rss.xml new file mode 100644 index 0000000..e85d769 --- /dev/null +++ b/layouts/things/rss.xml @@ -0,0 +1,38 @@ + + + + {{ if eq .Title .Site.Title }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{.}} by {{ end }} + {{ .Site.Title }}{{ end }} + + {{ .Permalink }} + Recent videos by MMaker + Hugo -- gohugo.io{{ with .Site.LanguageCode }} + {{.}}{{end}}{{ with .Site.Author.email }} + {{.}}{{ with $.Site.Author.name }} ({{.}}){{end}} + {{end}} + {{ with .Site.Author.email }} + {{.}}{{ with $.Site.Author.name }} ({{.}}){{end}} + {{end}} + {{ with .Site.Copyright }} + {{.}}{{end}}{{ if not .Date.IsZero }} + {{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }} + {{ end }} + {{ with .OutputFormats.Get "RSS" }} + {{ printf "" .Permalink .MediaType | safeHTML }} + {{ end }} + {{ $pages := (where .Site.RegularPages "Params.thumb" "!=" nil).ByDate.Reverse }} + {{ range first 20 $pages }} + {{ if not .Date.IsZero }} + + {{ .Title }} + {{ .Params.link }} + {{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }} + {{ .Params.link }} + + + + {{ end }} + {{ end }} + + + \ No newline at end of file diff --git a/layouts/videos/list.html b/layouts/videos/list.html new file mode 100644 index 0000000..9aa6b55 --- /dev/null +++ b/layouts/videos/list.html @@ -0,0 +1,18 @@ +{{ define "main" }} +
+
+ {{ if or .Title .Content }} +
+ {{ with .Title }}

{{ . }}

{{ end }} +
+ {{ with .Content }}
{{ . }}
{{ end }} +
+ + {{ end }} + +
+ + {{ partial "comments" }} +
+
+{{ end }} \ No newline at end of file diff --git a/layouts/videos/rss.xml b/layouts/videos/rss.xml new file mode 100644 index 0000000..a4843d9 --- /dev/null +++ b/layouts/videos/rss.xml @@ -0,0 +1,36 @@ + + + + {{ if eq .Title .Site.Title }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{.}} by {{ end }} + {{ .Site.Title }}{{ end }} + + {{ .Permalink }} + Recent videos by MMaker + Hugo -- gohugo.io{{ with .Site.LanguageCode }} + {{.}}{{end}}{{ with .Site.Author.email }} + {{.}}{{ with $.Site.Author.name }} ({{.}}){{end}} + {{end}} + {{ with .Site.Author.email }} + {{.}}{{ with $.Site.Author.name }} ({{.}}){{end}} + {{end}} + {{ with .Site.Copyright }} + {{.}}{{end}}{{ if not .Date.IsZero }} + {{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }} + {{ end }} + {{ with .OutputFormats.Get "RSS" }} + {{ printf "" .Permalink .MediaType | safeHTML }} + {{ end }} + {{ range $index, $elem := sort $.Site.Data.videos.videos "date" "desc" }} + {{ if and $elem.videoid $elem.date }} + + {{ $elem.title }} + https://mmaker.moe/videos/?v={{ $elem.videoid }} + {{ dateFormat "Mon, 02 Jan 2006" (time $elem.date) | safeHTML }} + https://mmaker.moe/videos/?v={{ $elem.videoid }} + + + + {{ end }} + {{ end }} + + diff --git a/layouts/videos/summary.html b/layouts/videos/summary.html new file mode 100644 index 0000000..e69de29 diff --git a/static/css/style.css b/static/css/style.css new file mode 100644 index 0000000..ca42c60 --- /dev/null +++ b/static/css/style.css @@ -0,0 +1,869 @@ +:root { + /* Colors */ + --color-bg-darkest: #202022; + --color-bg-dark: #2e2f31; + --color-bg-base: #1c1c1f; + --color-bg-medium: #313134; + --color-text: #d0d1d4; + --color-text-muted: #808080; + --color-accent: #fa0; + --color-link: #0cf; + + /* Layout */ + --sidebar-width: 188px; + --content-width: 768px; +} + +html, body { + background-color: var(--color-bg-base); + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%232e2f31' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E"); + font-family: "Trebuchet MS", Helvetica, sans-serif; + font-size: 14px; + color: var(--color-text); + text-rendering: optimizeLegibility; + line-height: 1.5; + margin: 0; + padding: 0; +} + +h1, h2, h3 { + margin: 0; + padding: 0; +} + +h2 { + font-size: 24px; +} + +h3 { + font-size: 12px; +} + +article { + background-color: var(--color-bg-dark); + margin-bottom: 2px; + padding: 12px 24px; +} + +article p { + margin-block: 1.5em; +} + +.articlecontent { + margin-bottom: 16px; +} + +#left p { + margin-block: 0.5em; +} + +a { + text-decoration: underline; + color: var(--color-link); +} + +a:hover, a:visited { + color: var(--color-accent); +} + +a:active { + color: var(--color-accent); +} + +/* article a[href^="http://"]:after, article a[href^="https://"]:after { + margin-left: 3px; + content: ""; + display: inline-block; + height: 10px; + width: 10px; + background-image: url("/etc/external-link-ltr-icon.svg"); +} */ + +#left ul, #left li { + list-style: none; + margin: 0; + padding: 0; + text-indent: 0; +} + +.highlight > div { + background-color: var(--color-bg-darkest) !important; + border: 1px solid var(--color-text); + border-left: 3px solid var(--color-accent); + padding: 2px 6px; +} + +code { + display: block; + margin: auto; + font-family: "Consolas", monospace; + page-break-inside: avoid; + font-size: 12px; + max-width: 90%; + overflow: auto; + word-wrap: break-word; +} + +pre { + background: none !important; +} + +hr { + border: none; + border-top: 2px solid var(--color-bg-darkest); +} + +table { + table-layout: fixed; + width: 100%; +} + +thead { + text-align: left; +} + +th, td { + padding: 4px; + border-bottom: 1px solid #79797a; +} + +thead th:nth-child(1) { + width: 30%; +} + +.important { + background-color: #572B2B; +} + +.warning { + background-color: #574E2B; +} + +.code { + padding: 3px; + color: #d62672; + background-color: var(--color-bg-darkest); + border-radius: 1px; + vertical-align: middle; +} + +header { + background-color: var(--color-bg-dark); + text-align: center; + height: 72px; + padding: 8px; + border: 2px solid var(--color-bg-darkest); + border-radius: 4px; + margin-bottom: 8px; +} + +#wrapper { + width: var(--content-width); + margin: 8px auto; +} + +#container { + display: grid; + grid-template-columns: var(--sidebar-width) 1fr; + border: 2px solid var(--color-bg-darkest); + border-radius: 4px; + overflow: visible; +} + +#left { + background-color: var(--color-bg-dark); + grid-column: 1; + grid-row: 1; + padding: 8px; + border-right: 2px solid var(--color-bg-darkest); + box-sizing: border-box; +} + +main { + grid-column: 2; + grid-row: 1; +} + +/* #container::after,#left::after,#content::after +{ + content:""; + display:block; + clear:both; +} */ + +.image-container p, .video-container p { + font-size: 12px; + text-align: center; + margin-block: 0.5em; + margin-bottom: 32px; +} + +.image-container img, .video-container video { + padding: 6px; + display: block; + margin: auto; + max-width: 90%; + border: 1px solid var(--color-text); + background-color: var(--color-bg-darkest); +} + +.title { + color: var(--color-link); + font-weight: bold; +} + +h1 a, h1 a:hover, h1 a:active, h1 a:visited { + text-decoration: none; + color: inherit; +} + +.date { + padding: 4px 0px; +} + +.video-wrapper, .videoplayer { + position: relative; + padding-bottom: 56.25%; + height: 0; +} + +.video-wrapper iframe, .videoplayer video { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.videoplayer video { + background: black !important; +} + +.videoplayer-title, .videoplayer-description { + font-weight: bold; + font-size: 16px; +} + +.pagination { + padding: 12px 24px; + background-color: var(--color-bg-dark); + margin-top: 2px; +} + +.kpan { + padding: 12px 0px; + background-color: var(--color-bg-dark); + margin-top: 8px; + border: 2px solid var(--color-bg-darkest); + border-radius: 4px; +} + +.kpan iframe { + margin: 0 auto; + border: none; + display: block; +} + +#navlink-ad { + opacity: 1; +} + +.tip { + display: block; + border: 1px solid var(--color-bg-dark); + width: 460px; + height: 90px; + background-size: cover !important; + background-position: center center !important; + background-repeat: no-repeat !important; + padding: 8px; + font-size: 24px; + font-weight: bold; + position: relative; + margin-bottom: 8px; +} + +.tip:hover { + border-color: var(--color-accent); +} + +.tip-content { + position: absolute; + bottom: 4px; + left: 8px; +} + +.medialist.medialistscroll, .videodescription { + height: 224px; + overflow: hidden; + overflow-y: scroll; +} + +.videodescription { + padding: 16px; + background-color: var(--color-bg-darkest); + white-space: pre-wrap; +} + +.medialist a { + color: var(--color-text) !important; + text-decoration: none; +} + +.mediaitem { + position: relative; + width: 496px; + height: 90px; + margin-bottom: 8px; + background-color: var(--color-bg-darkest); + border: 1px solid #1a1a1b; + cursor: pointer !important; +} + +.mediaitem:hover { + border-color: var(--color-accent); +} + +.mediaitem-thumb { + position: absolute; + left: 0; + z-index: 10; +} + +.mediaitem-thumb img { + width: 160px; + height: 90px; + object-fit: cover; +} + +.mediaitem-type { + position: absolute; + right: 8px; + bottom: 0; + text-transform: uppercase; + font-weight: bold; + font-size: 36px; + color: var(--color-bg-medium); + user-select: none; +} + +.mediaitem-data { + padding-left: 168px; +} + +.mediaitem-title, .mediaitem-date { + display: block; +} + +.mediaitem-title { + font-weight: bold; + font-size: 16px; +} + +.mediaitem-date { + font-style: italic; + font-size: 12px; +} + +/* #region isso (comments) */ + +article hr:last-child { + display: none; +} + +.commentarea { + margin-top: 16px; +} + +/* Dark theme variable overrides */ +:root { + --isso-primary-text-color: #d0d1d4; + --isso-secondary-text-color: #808080; + --isso-border: 1px solid rgba(0, 0, 0, 0.2); + --isso-box-shadow-color: rgba(0, 0, 0, 0.1); + --isso-hover-color: #909090; + --isso-link-hover-color: #fa0; + --isso-link-text-shadow-color: transparent; + --isso-input-background-color: #2e2f31; + --isso-input-outline-color: rgba(0, 0, 0, 0.8); + --isso-button-background-color: #2e2f31; + --isso-button-border: 1px solid #2e2f31; + --isso-button-hover-background-color: #3a3b3d; + --isso-button-active-background-color: #202022; + --isso-preview-border-color: #2e2f31; + --isso-preview-box-shadow-color: #888; + --isso-preview-background: repeating-linear-gradient(-45deg, #202022, #202022 10px, #2e2f31 10px, #2e2f31 20px); + --isso-pre-color: #d0d1d4; + --isso-pre-background-color: #202022; + --isso-pre-border-color: #2e2f31; + --isso-comment-divider-color: rgba(255, 255, 255, 0.1); + --isso-page-author-suffix-color: #d0d1d4; + --isso-target-fade-background-color: #3f3c1c; +} + +/* isso base styles */ +#isso-thread * { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +#isso-thread { + padding: 0; + margin: 0; +} +h4.isso-thread-heading { + color: var(--isso-primary-text-color); + font-weight: bold; +} +.isso-feedlink { + float: right; + padding-left: 1em; +} +.isso-feedlink a { + font-size: 0.8em; + vertical-align: bottom; +} +.isso-comment { + max-width: 68em; + margin: 0 auto; +} +.isso-preview .isso-comment { + padding-top: 0; + margin: 0; +} +.isso-comment:not(:first-of-type), +.isso-follow-up .isso-comment { + border-top: 1px solid var(--isso-comment-divider-color); + margin-bottom: 0.5em; +} +.isso-avatar { + display: block; + float: left; + margin: 0.95em 0.95em 0; +} +.isso-avatar svg { + max-width: 48px; + max-height: 48px; + width: 100%; + height: 100%; + border: var(--isso-border); + border-radius: 3px; + box-shadow: 0 1px 2px var(--isso-box-shadow-color); +} +.isso-text-wrapper { + display: block; + padding: 0.95em; +} +.isso-follow-up { + padding-left: calc(7% + 20px); +} +.isso-comment-footer { + font-size: 0.95em; +} +.isso-comment-header { + font-size: 0.85em; +} +.isso-comment-header a { + text-decoration: none; +} +.isso-comment-header .isso-spacer { + padding: 0 6px; +} +.isso-spacer, +.isso-permalink, +.isso-note, +.isso-parent { + color: var(--isso-secondary-text-color); + font-weight: normal; + text-shadow: none; +} +.isso-spacer:hover, +.isso-permalink:hover, +.isso-note:hover, +.isso-parent:hover { + color: var(--isso-hover-color); +} +.isso-note { + float: right; +} +.isso-author { + font-weight: bold; + color: var(--isso-primary-text-color); +} +.isso-page-author-suffix { + font-weight: bold; + color: var(--isso-page-author-suffix-color); +} +.isso-textarea, +.isso-preview { + margin-top: 0.2em; + width: 100%; + border: 1px solid var(--isso-preview-border-color); + border-radius: 2px; + box-shadow: 0 0 2px var(--isso-box-shadow-color); +} +.isso-text { + word-break: break-word; +} +.isso-text p { + margin-top: 0.2em; +} +.isso-text p:last-child { + margin-bottom: 0.2em; +} +.isso-text h1, +.isso-text h2, +.isso-text h3, +.isso-text h4, +.isso-text h5, +.isso-text h6 { + font-size: 130%; + font-weight: bold; +} +.isso-text pre { + background: var(--isso-pre-background-color); + border: 1px solid var(--isso-pre-border-color); + padding: 10px 15px; + color: var(--isso-pre-color); + overflow: auto; + line-height: 1.5em; +} +.isso-text :not(pre) > code { + padding: .2em .4em; + margin: 0; + font-size: 85%; + background-color: var(--isso-pre-background-color); + border-radius: 6px; +} +.isso-comment-footer { + font-size: 0.80em; + color: var(--isso-secondary-text-color); + clear: left; +} +.isso-feedlink, +.isso-comment-footer a { + font-weight: bold; + text-decoration: none; +} +.isso-feedlink:hover, +.isso-comment-footer a:hover { + color: var(--isso-link-hover-color); + text-shadow: var(--isso-link-text-shadow-color) 0 0 1px; +} +.isso-comment-footer > a { + position: relative; + top: .2em; +} +.isso-comment-footer > a + a { + padding-left: 1em; +} +.isso-comment-footer .isso-votes { + color: var(--isso-secondary-text-color); +} +.isso-upvote svg, +.isso-downvote svg { + position: relative; + top: .2em; +} +.isso-comment .isso-postbox { + margin-top: 0.8em; +} +.isso-comment.isso-no-votes > * > .isso-comment-footer .isso-votes { + display: none; +} +.isso-postbox { + max-width: 68em; + margin: 0 auto 2em; + clear: right; +} +.isso-form-wrapper { + display: block; + padding: 0; +} +.isso-textarea, +.isso-preview { + margin: 0 0 .3em; + padding: .4em .8em; + border-radius: 3px; + background-color: var(--isso-input-background-color); + border: var(--isso-border); + box-shadow: 0 1px 2px var(--isso-box-shadow-color); +} +.isso-textarea { + outline: 0; + width: 100%; + resize: none; + color: var(--isso-primary-text-color); +} +.isso-form-wrapper input[type=checkbox] { + vertical-align: middle; + position: relative; + bottom: 1px; + margin-left: 0; +} +.isso-notification-section { + font-size: 0.90em; + padding-top: .3em; + display: none; + padding-bottom: 10px; +} +.isso-auth-section { + display: block; +} +.isso-textarea:focus, +.isso-input-wrapper input:focus, +.isso-auth-section input:focus { + outline: 2px solid var(--isso-input-outline-color); +} +.isso-input-wrapper { + display: inline-block; + position: relative; + margin: 0 1% 0 0; +} +.isso-input-wrapper input { + display: block; + padding: .3em 10px; + max-width: 100%; + border-radius: 3px; + background-color: var(--isso-input-background-color); + color: var(--isso-primary-text-color); + line-height: 1.4em; + border: var(--isso-border); + box-shadow: 0 1px 2px var(--isso-box-shadow-color); +} +.isso-input-wrapper label { + display: block; + line-height: 1.4em; + height: 1.4em; +} +.isso-post-action { + display: block; + float: right; + margin: 1.4em 0 0 5px; +} +.isso-post-action > input { + padding: calc(.3em - 1px); + border-radius: 2px; + border: var(--isso-button-border); + background-color: var(--isso-button-background-color); + color: var(--isso-primary-text-color); + cursor: pointer; + outline: 0; + line-height: 1.4em; + box-shadow: 0 1px 2px var(--isso-box-shadow-color); +} +.isso-post-action > input:hover { + background-color: var(--isso-button-hover-background-color); +} +.isso-post-action > input:active { + background-color: var(--isso-button-active-background-color); +} +.isso-preview, +.isso-post-action input[name="edit"], +.isso-postbox.isso-preview-mode > .isso-form-wrapper input[name="preview"], +.isso-postbox.isso-preview-mode > .isso-form-wrapper .isso-textarea { + display: none; +} +.isso-postbox.isso-preview-mode > .isso-form-wrapper .isso-preview { + display: block; +} +.isso-postbox.isso-preview-mode > .isso-form-wrapper input[name="edit"] { + display: inline; +} +.isso-preview { + background: var(--isso-preview-background); +} +.isso-target { + animation: isso-target-fade 5s ease-out; +} +@keyframes isso-target-fade { + 0% { background-color: var(--isso-target-fade-background-color); } +} +@media screen and (max-width:600px) { + .isso-input-wrapper { + display: block; + max-width: 100%; + margin: 0 0 .3em; + } + .isso-input-wrapper input { + width: 100%; + } + .isso-post-action { + margin-top: 0; + } +} + +/* Custom overrides */ +#isso-thread { + margin-top: 32px; +} + +h4.isso-thread-heading { + margin: 0 0 12px 0 !important; + padding: 0 !important; +} + +/* Hide delete/edit buttons */ +.isso-delete, .isso-edit { + display: none; +} + +/* Reverse root comment order */ +#isso-root { + display: flex; + flex-direction: column-reverse; +} + +.isso-comment { + flex: 0; + width: 100%; +} + +.isso-comment[data-hash='6cd03b53e8c2'] > .isso-avatar img { + content: url(/mmaker.png); +} + +/* Hide email field */ +.isso-auth-section .isso-input-wrapper:nth-child(2) { + display: none; +} + +/* #endregion */ + +/* archive page */ +.archive-year { + margin-bottom: 16px; +} + +.archive-year h3 { + font-size: 16px; + margin-bottom: 8px; +} + +.archive-list { + list-style: none; + padding: 0; + margin: 0 0 0 8px; +} + +.archive-list li { + display: flex; + align-items: baseline; + padding: 4px 0; +} + +.archive-date { + flex-shrink: 0; + font-family: "Consolas", monospace; + font-size: 12px; + color: var(--color-text-muted); + margin-right: 12px; +} + + +/* archive responsive visibility */ +.archive-mobile { display: none; } +.new { + margin-left: 2px; display:inline-block; height:15px; width:auto; vertical-align:middle; +} + +/* mobile */ +@media only screen and (max-width: 796px) { + .archive-desktop { display: none !important; } + .archive-mobile { display: flex; } + .new { display: none !important; } + + html,body { + background-image: none; + } + + header { + border: none; + border-radius: 0px; + } + + #wrapper { + width: 100%; + margin: 0; + } + + #container { + display: block; + border: none; + border-radius: 0px; + } + + #left { + box-sizing: border-box; + border: none; + border-radius: 0px; + width: 100%; + margin: 8px 0; + } + + main { + width: 100%; + margin: 0; + } + + article { + margin-bottom: 24px; + } + + main > article:last-of-type { + margin-bottom: 8px; + } + + .kpan { + display: none; + } + + .video-wrapper img { + width: 100%; + height: auto; + } + + #left ul:not(#buttons) { + display: flex; + flex-direction: row; + flex-wrap: wrap; + align-items: center; + } + + #left ul:not(#buttons) li { + flex: 0 0 calc((100% / 3) - 12px); + text-align: center; + border: 2px solid var(--color-bg-darkest); + margin: 4px 2px; + padding: 2px; + } + + #left ul#contact li { + flex: 0 0 calc((100% / 2) - 12px); + } + + ul#buttons { + text-align: center; + } + + #left ul#buttons li { + display: inline-block; + } + + #left ul > span { + display: block; + width: 100%; + } + + #left ul img[style*="float"] { + display: none; + } + + .mediaitem { + width: calc(100% - 2px); + } + + .mediaitem-type { + display: none; + } +} \ No newline at end of file diff --git a/static/etc/1663080_p0.jpg b/static/etc/1663080_p0.jpg new file mode 100644 index 0000000..c2a3937 Binary files /dev/null and b/static/etc/1663080_p0.jpg differ diff --git a/static/etc/800x600.gif b/static/etc/800x600.gif new file mode 100644 index 0000000..f6edb88 Binary files /dev/null and b/static/etc/800x600.gif differ diff --git a/static/etc/88x31_botb.gif b/static/etc/88x31_botb.gif new file mode 100644 index 0000000..6059d0b Binary files /dev/null and b/static/etc/88x31_botb.gif differ diff --git a/static/etc/adobe.gif b/static/etc/adobe.gif new file mode 100644 index 0000000..258deb1 Binary files /dev/null and b/static/etc/adobe.gif differ diff --git a/static/etc/amiga.gif b/static/etc/amiga.gif new file mode 100644 index 0000000..b642b33 Binary files /dev/null and b/static/etc/amiga.gif differ diff --git a/static/etc/asses.gif b/static/etc/asses.gif new file mode 100644 index 0000000..f8ced5a Binary files /dev/null and b/static/etc/asses.gif differ diff --git a/static/etc/bannar0p.png b/static/etc/bannar0p.png new file mode 100644 index 0000000..56bc548 Binary files /dev/null and b/static/etc/bannar0p.png differ diff --git a/static/etc/blender.png b/static/etc/blender.png new file mode 100644 index 0000000..cc3e5d0 Binary files /dev/null and b/static/etc/blender.png differ diff --git a/static/etc/bookmark.gif b/static/etc/bookmark.gif new file mode 100644 index 0000000..e200a15 Binary files /dev/null and b/static/etc/bookmark.gif differ diff --git a/static/etc/button5.gif b/static/etc/button5.gif new file mode 100644 index 0000000..facdf82 Binary files /dev/null and b/static/etc/button5.gif differ diff --git a/static/etc/chfr.gif b/static/etc/chfr.gif new file mode 100644 index 0000000..1de8413 Binary files /dev/null and b/static/etc/chfr.gif differ diff --git a/static/etc/daftpunk.gif b/static/etc/daftpunk.gif new file mode 100644 index 0000000..8945ee0 Binary files /dev/null and b/static/etc/daftpunk.gif differ diff --git a/static/etc/debian.gif b/static/etc/debian.gif new file mode 100644 index 0000000..eaf7001 Binary files /dev/null and b/static/etc/debian.gif differ diff --git a/static/etc/discord.gif b/static/etc/discord.gif new file mode 100644 index 0000000..4ee8d64 Binary files /dev/null and b/static/etc/discord.gif differ diff --git a/static/etc/dopi.gif b/static/etc/dopi.gif new file mode 100644 index 0000000..9a3a051 Binary files /dev/null and b/static/etc/dopi.gif differ diff --git a/static/etc/dylanjames.gif b/static/etc/dylanjames.gif new file mode 100644 index 0000000..58a2864 Binary files /dev/null and b/static/etc/dylanjames.gif differ diff --git a/static/etc/external-link-ltr-icon.svg b/static/etc/external-link-ltr-icon.svg new file mode 100644 index 0000000..5969d03 --- /dev/null +++ b/static/etc/external-link-ltr-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/etc/fb2k.png b/static/etc/fb2k.png new file mode 100644 index 0000000..09465e3 Binary files /dev/null and b/static/etc/fb2k.png differ diff --git a/static/etc/flag-sprite.png b/static/etc/flag-sprite.png new file mode 100644 index 0000000..32fc884 Binary files /dev/null and b/static/etc/flag-sprite.png differ diff --git a/static/etc/flashii.gif b/static/etc/flashii.gif new file mode 100644 index 0000000..f00df71 Binary files /dev/null and b/static/etc/flashii.gif differ diff --git a/static/etc/hicolor.gif b/static/etc/hicolor.gif new file mode 100644 index 0000000..27c8f78 Binary files /dev/null and b/static/etc/hicolor.gif differ diff --git a/static/etc/iwf.gif b/static/etc/iwf.gif new file mode 100644 index 0000000..8cd713f Binary files /dev/null and b/static/etc/iwf.gif differ diff --git a/static/etc/iwf15.gif b/static/etc/iwf15.gif new file mode 100644 index 0000000..0a71e68 Binary files /dev/null and b/static/etc/iwf15.gif differ diff --git a/static/etc/iwf16.gif b/static/etc/iwf16.gif new file mode 100644 index 0000000..5084fd0 Binary files /dev/null and b/static/etc/iwf16.gif differ diff --git a/static/etc/iwf17.gif b/static/etc/iwf17.gif new file mode 100644 index 0000000..8460082 Binary files /dev/null and b/static/etc/iwf17.gif differ diff --git a/static/etc/kpw3.gif b/static/etc/kpw3.gif new file mode 100644 index 0000000..64d29c4 Binary files /dev/null and b/static/etc/kpw3.gif differ diff --git a/static/etc/kpw4.gif b/static/etc/kpw4.gif new file mode 100644 index 0000000..6b53e49 Binary files /dev/null and b/static/etc/kpw4.gif differ diff --git a/static/etc/lachrymal-1.gif b/static/etc/lachrymal-1.gif new file mode 100644 index 0000000..8a8645a Binary files /dev/null and b/static/etc/lachrymal-1.gif differ diff --git a/static/etc/lol.gif b/static/etc/lol.gif new file mode 100644 index 0000000..dea9b06 Binary files /dev/null and b/static/etc/lol.gif differ diff --git a/static/etc/meowgarden-88x31.png b/static/etc/meowgarden-88x31.png new file mode 100644 index 0000000..937f5bc Binary files /dev/null and b/static/etc/meowgarden-88x31.png differ diff --git a/static/etc/miku.gif b/static/etc/miku.gif new file mode 100644 index 0000000..147734a Binary files /dev/null and b/static/etc/miku.gif differ diff --git a/static/etc/milli.gif b/static/etc/milli.gif new file mode 100644 index 0000000..1f7eb73 Binary files /dev/null and b/static/etc/milli.gif differ diff --git a/static/etc/mmaker.gif b/static/etc/mmaker.gif new file mode 100644 index 0000000..ce8df38 Binary files /dev/null and b/static/etc/mmaker.gif differ diff --git a/static/etc/moe88.png b/static/etc/moe88.png new file mode 100644 index 0000000..d9e000e Binary files /dev/null and b/static/etc/moe88.png differ diff --git a/static/etc/mytouhoupage.gif b/static/etc/mytouhoupage.gif new file mode 100644 index 0000000..6d0e595 Binary files /dev/null and b/static/etc/mytouhoupage.gif differ diff --git a/static/etc/new.gif b/static/etc/new.gif new file mode 100644 index 0000000..4b66401 Binary files /dev/null and b/static/etc/new.gif differ diff --git a/static/etc/new2.gif b/static/etc/new2.gif new file mode 100644 index 0000000..845c3a7 Binary files /dev/null and b/static/etc/new2.gif differ diff --git a/static/etc/new_old.gif b/static/etc/new_old.gif new file mode 100644 index 0000000..f4bf6a8 Binary files /dev/null and b/static/etc/new_old.gif differ diff --git a/static/etc/ngbanner2.gif b/static/etc/ngbanner2.gif new file mode 100644 index 0000000..0ada9bd Binary files /dev/null and b/static/etc/ngbanner2.gif differ diff --git a/static/etc/noah.gif b/static/etc/noah.gif new file mode 100644 index 0000000..23838b7 Binary files /dev/null and b/static/etc/noah.gif differ diff --git a/static/etc/octagon.gif b/static/etc/octagon.gif new file mode 100644 index 0000000..92c7920 Binary files /dev/null and b/static/etc/octagon.gif differ diff --git a/static/etc/rainbow88.gif b/static/etc/rainbow88.gif new file mode 100644 index 0000000..9aee848 Binary files /dev/null and b/static/etc/rainbow88.gif differ diff --git a/static/etc/ripcord.png b/static/etc/ripcord.png new file mode 100644 index 0000000..76435a7 Binary files /dev/null and b/static/etc/ripcord.png differ diff --git a/static/etc/rocco.gif b/static/etc/rocco.gif new file mode 100644 index 0000000..e9a7908 Binary files /dev/null and b/static/etc/rocco.gif differ diff --git a/static/etc/rwoi.gif b/static/etc/rwoi.gif new file mode 100644 index 0000000..2840032 Binary files /dev/null and b/static/etc/rwoi.gif differ diff --git a/static/etc/sears.png b/static/etc/sears.png new file mode 100644 index 0000000..5d5f2d4 Binary files /dev/null and b/static/etc/sears.png differ diff --git a/static/etc/sharing.gif b/static/etc/sharing.gif new file mode 100644 index 0000000..b87356d Binary files /dev/null and b/static/etc/sharing.gif differ diff --git a/static/etc/smbx.gif b/static/etc/smbx.gif new file mode 100644 index 0000000..294638b Binary files /dev/null and b/static/etc/smbx.gif differ diff --git a/static/etc/smwc.gif b/static/etc/smwc.gif new file mode 100644 index 0000000..e9af6c6 Binary files /dev/null and b/static/etc/smwc.gif differ diff --git a/static/etc/soaroz.gif b/static/etc/soaroz.gif new file mode 100644 index 0000000..a9270c9 Binary files /dev/null and b/static/etc/soaroz.gif differ diff --git a/static/etc/ss.png b/static/etc/ss.png new file mode 100644 index 0000000..29b989b Binary files /dev/null and b/static/etc/ss.png differ diff --git a/static/etc/strovi.png b/static/etc/strovi.png new file mode 100644 index 0000000..a54e289 Binary files /dev/null and b/static/etc/strovi.png differ diff --git a/static/etc/stys.png b/static/etc/stys.png new file mode 100644 index 0000000..ce1b60f Binary files /dev/null and b/static/etc/stys.png differ diff --git a/static/etc/surasshu-88x31-1.gif b/static/etc/surasshu-88x31-1.gif new file mode 100644 index 0000000..541addb Binary files /dev/null and b/static/etc/surasshu-88x31-1.gif differ diff --git a/static/etc/talkhaus.gif b/static/etc/talkhaus.gif new file mode 100644 index 0000000..d124317 Binary files /dev/null and b/static/etc/talkhaus.gif differ diff --git a/static/etc/terry.gif b/static/etc/terry.gif new file mode 100644 index 0000000..dc5dee2 Binary files /dev/null and b/static/etc/terry.gif differ diff --git a/static/etc/thechaseexp.gif b/static/etc/thechaseexp.gif new file mode 100644 index 0000000..1c75c32 Binary files /dev/null and b/static/etc/thechaseexp.gif differ diff --git a/static/etc/touhoubutton.gif b/static/etc/touhoubutton.gif new file mode 100644 index 0000000..7ded0e5 Binary files /dev/null and b/static/etc/touhoubutton.gif differ diff --git a/static/etc/tsukuda.png b/static/etc/tsukuda.png new file mode 100644 index 0000000..c6ed02b Binary files /dev/null and b/static/etc/tsukuda.png differ diff --git a/static/etc/wt.png b/static/etc/wt.png new file mode 100644 index 0000000..19fe556 Binary files /dev/null and b/static/etc/wt.png differ diff --git a/static/favicon.ico b/static/favicon.ico new file mode 100644 index 0000000..a96469a Binary files /dev/null and b/static/favicon.ico differ diff --git a/static/mmaker-pubkey.txt b/static/mmaker-pubkey.txt new file mode 100644 index 0000000..dab672a --- /dev/null +++ b/static/mmaker-pubkey.txt @@ -0,0 +1,51 @@ +-----BEGIN PGP PUBLIC KEY BLOCK----- + +mQINBF+HG0kBEADyTyXSYbRL1Nttl9P7iB9ZB9RL5WWsXhuLfl5wA/uhjiPqdEa7 +Fc5b8GcYCTQZZn7aWugJDxhBAizn46o6EtN6LXqovkMrgYJJr/NEsKGE54jSqW3H +BTK+4UPJvFUnFwRRhrnRrArA3sagQ67eJbPcJ71hJjX/7KpGvXxAuE3EB/BiFM7+ +eZUV9daqQ1uD0+X/uANdWq+ias52CRtZc2recYnpqUstMNchZLbKjfDmn5/VFwJ2 +OxoedDo3w1+OQXwqt08xkU94zeZvucf9CvPMnIq9inmSC9Gq2jLYkwCaWRiiikyw +QmFbr4EETT8STec16puvv2q0ntBrF7mDadiAuxQPOTIMRF5mEsoY5LcsjQ8CzTiT +bXxT3w/eMdJQ3ix/bAo50OIBZG8GiWOLsTbwizZaTvrygIxG+zY7vIZ8baj94FT6 +WzLxGxQtK9GMFSfaZgq+CpNjL3ssblsepkYCt7hKLznB1fFjiB2P0MlRlsI73JVW +s229/vV0Pq9Nv1Me1pnIvrdZlr9LiWeqKyv9R1FE1lVof92jt/VpJn/o2RoUivTZ +eKW/jt4kRbSIxYUZ5Fx3WCrzzpiuAHetTwzH3I0O8//cYDXsE2PlfEW6F2Q9u1WH +IraptMlpOVcYIU/CgQE3aJ9ayuA+OHykbvaNMzIpAj0Bc9AVGMrmAfUW9QARAQAB +tBpNTWFrZXIgPG1tYWtlckBtbWFrZXIubW9lPokCTgQTAQoAOBYhBBLWycd0JCDk +7Zx+QMznm4/tpA+yBQJfhxtJAhsDBQsJCAcCBhUKCQgLAgQWAgMBAh4BAheAAAoJ +EMznm4/tpA+ysy8QAJ9meDUL3sgy1jPGRNha1a2NFDABtxBaL4dPIDBe+cG43r2j +efm+JWBIRrn0Cl+/a0CXlYC5ETDiDJZnRiaKcFeK4XSF8SDZEyhzJtG7IslpG4g7 +ei/tqx/kmBZvSJ57InirauL69xqMXKI9qX69lH2DIXGYrMjr/pH0HcygHlisnPVF +4m4jv2T6C0Ui/2UMQAdpAtu6wCGoHRejGGKf1tJrdtTVLI4FVXDFEXO3geREd3Wt +/S2F96FKijqfLRdlgg5pPo4oOvy6SV7mN09hYMlSOZk5FsJMhfOQBBIhWI7Rv7bx +biXLioxQYvDy+jkDcG5aAuO/rJfEYdhHOuBIJYycFug3vPG1QHRZYJB4v0a/Au0/ +24F6/UpWruRBSU4JdUQ7Ok1obGvONRlJDF55zKBvVc1ZJcm+uGeyfgp7/OukC/WD +rmn5CK7U/mJJjNXx7d2MmoOr/L+yHsgqAi6bdO5bmpJxL4fhvOc1mZwV0KVuUmrf +hZAdppisoy9jktppkdpF+QzdeCRncX3ej68FIyg3Pcettol8tLks33iP0p4EQ3TE +2cJjL9O7svoHnpbdkC3zZYfIHrkDjxciNRdTINR7Z5BBbGckZ+ZH1pLVW9SC0iUO +USFIHWH20z1tTxK4dVjdhE8k0sEazCuQKBQ/V/WVJ6Z+FXfC+1RUnOM01HbQuQIN +BF+HG0kBEADL4eUikhcF3NjPOGZJkvHccXsLEmTXBQG/q9juMADjV9K4Odg4pr4C +NXqRLZfa49pNB+B/ZTAdBkxvIzldv4WEK6rNMz+pPo9NiddidX+ebqcf3vsri5a9 +DaXn/ud50zKfS0I4NRZkhYvwFsA6yDw7yH+ibRpKSxRFxWh6AOfZbsx71fy5lmiS +kwIe5sI0MeNuYGYVWO9bInEbApz4SMajiHhEdG1Un+ssFfP+o06oiVj/Ie8eW2Ux +qQzusA+p/XatZrwSayFXovqp3D2PK+4jOa/VNQLu+VSo+JgXIgo6m4h0sCOIxYFf +kdmzMT+8j/hlvwwkK/vpZlC7iw4VKNR+U4o1NNWCQ/H87q/8CVQDlW47RZOPr7Ed +tvZbwZl9LlFBZ7e4GgM2DA7kkvm5X9B+Ilg0vQcwWpqn6vnjpUGq2je+LeHnWYi9 +DXyKJDsaI3wGtmRC6fhQ0eV1HGunm6CMEK8C/FIyiNUYlSecq7ATCSRHZUwwD+jO +NSQWjbXBH69/tnQfHvKCFHR1iiYPAZEKLVAGcYYBZDREDInGVWcg8sYZj77j+IDx +Gk7GQ9B9cR4e+qOmbDHsyOg6bY739msaRRqqZbNR1z2zTrFRSn6Ccp0g6hJHvOQF +DCPFevX5bHu7I5vzaTmJa4SR/vzKkg2rDYXhIk9g5zVnHYmaJqz7QQARAQABiQI2 +BBgBCgAgFiEEEtbJx3QkIOTtnH5AzOebj+2kD7IFAl+HG0kCGwwACgkQzOebj+2k +D7KgIQ/8CTi632G4iwsoiCWrjpfW7raM3MnsJw/nw4q5A8ayhwHi2BEM6lQGQaGn +3ac4OwR0bpDE3wLfLhO8LCFgCwRdv66NcMfcYcl4/1dVHc/ghFwM7pKF8drxhper +5JsPx7Wb95nfZTzKz2x+CyKmq1NQVfb39MXGF24t2kf3V7X5Hf+nwiRohTbOt0F4 +3OMYUr91BK+9N/341OQes9Q/x2FhJZftNyLSJsuevejjB9SfwvDAiGI8Z9wUUCWT +nmCRM7aaeUT3M0hr/vZedDVSAla2ra/PB3tDBS+t10OddptreZfZ27L4wGlONoZf +MtSuSZ8Cuu29A71zCac8dCwkgAWe7z81Jo8yJ0eLGChdXAsrzpHnRaQb47ichpK9 +mD6b/2JWf9QjfDKSfj1jQ3gedesUc6WuJ+6noWTsOHq6tVjCobWCk3p1q2zwpkH0 +xOKGVWxqd2DEhWHK+g/1OPpNAlPStx6pvzbBvX3Ez8xcfBboe1tFcw0NccmL1ITS +cXPvh5dkRYtNykFJfuS2jduNJSqotTZmvxz1O0TlZwPJS5fV4t0o0rw5JjJ2POEk +pldwyt3DYVKISTuru4PYkqWUHa9Jn14WgPgiq7XOd0p+LXj4fWoiv0D5zwjNNcP4 +iyADvviD9dXPoLUahHPUt8c4yX9ygaLALE5dHC9wamIxPLoEf3w= +=VH8I +-----END PGP PUBLIC KEY BLOCK----- diff --git a/static/mmaker.png b/static/mmaker.png new file mode 100644 index 0000000..f589bc4 Binary files /dev/null and b/static/mmaker.png differ diff --git a/static/things/article_2023-10-17.jpg b/static/things/article_2023-10-17.jpg new file mode 100644 index 0000000..1c887b2 Binary files /dev/null and b/static/things/article_2023-10-17.jpg differ diff --git a/static/things/article_2023-12-09.jpeg b/static/things/article_2023-12-09.jpeg new file mode 100644 index 0000000..3bbd538 Binary files /dev/null and b/static/things/article_2023-12-09.jpeg differ diff --git a/static/things/article_2024-02-09.png b/static/things/article_2024-02-09.png new file mode 100644 index 0000000..b0624aa Binary files /dev/null and b/static/things/article_2024-02-09.png differ diff --git a/static/things/game_2023-10-14.png b/static/things/game_2023-10-14.png new file mode 100644 index 0000000..3ff8f17 Binary files /dev/null and b/static/things/game_2023-10-14.png differ diff --git a/static/things/game_2024-02-25.png b/static/things/game_2024-02-25.png new file mode 100644 index 0000000..35d02a0 Binary files /dev/null and b/static/things/game_2024-02-25.png differ diff --git a/static/things/game_2024-05-16.jpg b/static/things/game_2024-05-16.jpg new file mode 100644 index 0000000..6277b40 Binary files /dev/null and b/static/things/game_2024-05-16.jpg differ diff --git a/static/things/nieotris.jpg b/static/things/nieotris.jpg new file mode 100644 index 0000000..6b58ef7 Binary files /dev/null and b/static/things/nieotris.jpg differ diff --git a/static/things/video_2023-06-28.webp b/static/things/video_2023-06-28.webp new file mode 100644 index 0000000..ceea0b6 Binary files /dev/null and b/static/things/video_2023-06-28.webp differ diff --git a/static/things/video_2023-07-14.webp b/static/things/video_2023-07-14.webp new file mode 100644 index 0000000..1c8c9df Binary files /dev/null and b/static/things/video_2023-07-14.webp differ diff --git a/static/things/video_2023-08-18.webp b/static/things/video_2023-08-18.webp new file mode 100644 index 0000000..b60c181 Binary files /dev/null and b/static/things/video_2023-08-18.webp differ diff --git a/static/things/video_2023-08-25.webp b/static/things/video_2023-08-25.webp new file mode 100644 index 0000000..2a36eb0 Binary files /dev/null and b/static/things/video_2023-08-25.webp differ diff --git a/static/things/video_2023-10-05.webp b/static/things/video_2023-10-05.webp new file mode 100644 index 0000000..c66b8be Binary files /dev/null and b/static/things/video_2023-10-05.webp differ diff --git a/static/things/video_2023-10-11.webp b/static/things/video_2023-10-11.webp new file mode 100644 index 0000000..ca78662 Binary files /dev/null and b/static/things/video_2023-10-11.webp differ diff --git a/static/things/video_2023-12-08.jpg b/static/things/video_2023-12-08.jpg new file mode 100644 index 0000000..0fc2e33 Binary files /dev/null and b/static/things/video_2023-12-08.jpg differ diff --git a/static/things/video_2023-12-19.webp b/static/things/video_2023-12-19.webp new file mode 100644 index 0000000..928c12d Binary files /dev/null and b/static/things/video_2023-12-19.webp differ diff --git a/static/things/video_2024-01-10.jpg b/static/things/video_2024-01-10.jpg new file mode 100644 index 0000000..bb3108a Binary files /dev/null and b/static/things/video_2024-01-10.jpg differ diff --git a/static/things/video_2024-01-27.jpg b/static/things/video_2024-01-27.jpg new file mode 100644 index 0000000..65d80f8 Binary files /dev/null and b/static/things/video_2024-01-27.jpg differ diff --git a/static/things/video_2024-01-29.jpg b/static/things/video_2024-01-29.jpg new file mode 100644 index 0000000..1ba1acc Binary files /dev/null and b/static/things/video_2024-01-29.jpg differ diff --git a/static/things/video_2024-02-22.jpg b/static/things/video_2024-02-22.jpg new file mode 100644 index 0000000..2bb5ea4 Binary files /dev/null and b/static/things/video_2024-02-22.jpg differ diff --git a/static/things/video_2024-02-28.jpg b/static/things/video_2024-02-28.jpg new file mode 100644 index 0000000..da1c534 Binary files /dev/null and b/static/things/video_2024-02-28.jpg differ diff --git a/static/things/video_2024-03-02.jpg b/static/things/video_2024-03-02.jpg new file mode 100644 index 0000000..0d2eed1 Binary files /dev/null and b/static/things/video_2024-03-02.jpg differ diff --git a/static/things/video_2024-03-21.jpg b/static/things/video_2024-03-21.jpg new file mode 100644 index 0000000..bb5f13d Binary files /dev/null and b/static/things/video_2024-03-21.jpg differ diff --git a/static/things/video_2024-04-02.jpg b/static/things/video_2024-04-02.jpg new file mode 100644 index 0000000..6fc285b Binary files /dev/null and b/static/things/video_2024-04-02.jpg differ diff --git a/static/things/video_2024-04-09.jpg b/static/things/video_2024-04-09.jpg new file mode 100644 index 0000000..eee2583 Binary files /dev/null and b/static/things/video_2024-04-09.jpg differ diff --git a/static/things/video_2024-04-19.jpg b/static/things/video_2024-04-19.jpg new file mode 100644 index 0000000..dae286c Binary files /dev/null and b/static/things/video_2024-04-19.jpg differ diff --git a/static/things/video_2024-05-02.jpg b/static/things/video_2024-05-02.jpg new file mode 100644 index 0000000..1782e28 Binary files /dev/null and b/static/things/video_2024-05-02.jpg differ diff --git a/static/things/video_2024-05-18.jpg b/static/things/video_2024-05-18.jpg new file mode 100644 index 0000000..1e6bb50 Binary files /dev/null and b/static/things/video_2024-05-18.jpg differ diff --git a/static/things/video_2024-06-22.jpg b/static/things/video_2024-06-22.jpg new file mode 100644 index 0000000..1dd54d8 Binary files /dev/null and b/static/things/video_2024-06-22.jpg differ diff --git a/static/things/video_2024-06-29.jpg b/static/things/video_2024-06-29.jpg new file mode 100644 index 0000000..21c5376 Binary files /dev/null and b/static/things/video_2024-06-29.jpg differ diff --git a/static/things/video_2024-07-13.jpg b/static/things/video_2024-07-13.jpg new file mode 100644 index 0000000..e0103a4 Binary files /dev/null and b/static/things/video_2024-07-13.jpg differ diff --git a/static/things/video_2024-08-06.jpg b/static/things/video_2024-08-06.jpg new file mode 100644 index 0000000..d3e29fc Binary files /dev/null and b/static/things/video_2024-08-06.jpg differ diff --git a/static/things/video_2024-08-08.jpg b/static/things/video_2024-08-08.jpg new file mode 100644 index 0000000..83ef1ca Binary files /dev/null and b/static/things/video_2024-08-08.jpg differ diff --git a/static/things/video_2024-10-31.jpg b/static/things/video_2024-10-31.jpg new file mode 100644 index 0000000..26e1998 Binary files /dev/null and b/static/things/video_2024-10-31.jpg differ diff --git a/static/things/video_2024-11-02.jpg b/static/things/video_2024-11-02.jpg new file mode 100644 index 0000000..b444517 Binary files /dev/null and b/static/things/video_2024-11-02.jpg differ diff --git a/static/things/video_2025-01-11.jpg b/static/things/video_2025-01-11.jpg new file mode 100644 index 0000000..cbc5d32 Binary files /dev/null and b/static/things/video_2025-01-11.jpg differ diff --git a/static/things/video_2025-02-23.jpg b/static/things/video_2025-02-23.jpg new file mode 100644 index 0000000..cd23469 Binary files /dev/null and b/static/things/video_2025-02-23.jpg differ diff --git a/static/things/video_2025-03-02.jpg b/static/things/video_2025-03-02.jpg new file mode 100644 index 0000000..a791e41 Binary files /dev/null and b/static/things/video_2025-03-02.jpg differ diff --git a/static/things/video_2025-03-21.jpg b/static/things/video_2025-03-21.jpg new file mode 100644 index 0000000..c6b6f7b Binary files /dev/null and b/static/things/video_2025-03-21.jpg differ diff --git a/static/things/website_2023-10-14.png b/static/things/website_2023-10-14.png new file mode 100644 index 0000000..b90d672 Binary files /dev/null and b/static/things/website_2023-10-14.png differ diff --git a/static/thumbnail.png b/static/thumbnail.png new file mode 100644 index 0000000..f790251 Binary files /dev/null and b/static/thumbnail.png differ