Giter Site home page Giter Site logo

shokesu's Introduction

Shōkēsu

Shōkēsu is a personal project to showcase various media of selected characters from anime/manga.
It was originally built specifically for holo.moe (The repo was also called holo.moe!), but after grabbing another interesting domain, multi-site support was added & the name had to be changed.

Current Sites

  • holo.moe - "Holo" from "Spice and Wolf"
  • ruri.moe - "Gokou Ruri" (more commonly known as Kuroneko) from "Ore no Imouto ga Konnani Kawaii Wake ga Nai"

how to build

  • cd build/
  • npm install
  • grunt update
  • grunt prod

misc

  • Originally, the site was hacked together using PHP. Moved to grunt due to wanting something completely static. Think it turned out well.
  • The title is a simple ENG>JP>ROMAJI translation of "Showcase". (Romaji: Shōkēsu // JP: ショーケース)

thanks

See: humans.txt.

shokesu's People

Contributors

dakutree avatar

Stargazers

‮noisawe avatar tianyu avatar Danny Tsai avatar

Watchers

 avatar

shokesu's Issues

CSS issues

Few things that need fixing:

  • Home // History // About div is hidden if can't fit in width of page (should never be hidden).
  • Mobile has several issues which should be looked over.
  • Artist links can go outside the box. Overflow + ellipsis would probably work here, but modals are weird.

Move images away from repo

These were kind of pushed by mistake. Possibly host them off-site. Might have to do stupid rebase nonsense.

Multi-website support

Managed to grab another .moe domain that I want to use the backend of holo.moe with, but want to avoid creating two separate repos for each. This means updating this to allow easy adding of different sites.

Majority of the code shouldn't need changed, but there is a few things I'm going to list here which need to be done:

  • top.html & about.html need to differ per site.
    • top.html could easily be changed to use vars for various things.
    • about.html could use vars too, but it would be a bit more messy.
  • analytics_id should change per site
  • per site json config files, to keep all that mess outside of the gruntfile
  • #6 needs to be done before this is all done.
  • repo needs to be renamed to something which covers both sites (unsure what at this point in time)
  • posts.json/compiled.json and the images need to moved to specific site folders
  • favicon.ico, robots.txt, *-imgarchive.zip & sitemap.xml are all site specific, which means simply dumping them in misc will no longer work
    • It may be worth doing #11, aswell as one to autogenerate the robots.txt.
  • grunt commands should require something like a site-specific arg to be passed for any of the command to work (unless there is a better way of doing things)
  • Another thing I'd like to consider before doing all this, is doing a complete move from preprocess > jade.
    • Played about with jade recently and it seemed like a better preprocess. My only issue is the lack of decent pretty printing
  • Unsure how dev/prod folders will work with multiple sites...
  • Some of the getPost functions were built with holo.moe in mind, tweaking may not be so easy.

Generate sample images if >3MB

There is currently only two images which have this issue, but it would probably be handy later on.

Something similar to how Danbooru does things would be good, (reduce to x dimensions for sample, show full-size onclick).

posts/ rewrite

Currently we are using RewriteRule ^(20[0-9]{2}.*\.html)$ posts/$1 [L] to rewrite posts/ urls. Unsure if we should even do that..

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.