starshipvote
- 5 Devlogs
- 5 Total hours
This is a chrome extension for to vote with only one tab. The demo and repo are shown in a sidebar so you don't have to open new tabs to view them.
This is a chrome extension for to vote with only one tab. The demo and repo are shown in a sidebar so you don't have to open new tabs to view them.
now it will highlight em dashes, en dashes, and curly quotes in the entire site and it shows this note so you aren’t confused. none of these are in a keyboard (- and – — are different chars) so if it appears its most likely typed by an AI, except curly quotes since macOS by default converts straight quotes to curlies
…and more improvements
im gonna add this to stardance sitewide using the extension asw, but i first put it in the gh client only. and the other improvements are:
also fun thing: the last commit in the shown project says it adds a human readme, but with my highlighting you see that they were lying
the custom github client is at pages.tanjim.org/github.com its made because github does not support iframes. it implements most of github features like:
and you can always just open it in a new tab if you REALLY need to but the sidebar makes everything a lot faster, for obv reasons it has to be mobile responsive because the sidebar is essentially mobile sized.
i replaced the scorecard header with buttons to switch between the demo, repo and scorecard. i wrapped the entire scorecard in a <span> and put 2 more <span>s for the demo and the repo then made buttons that show the selected span and hide the others using CSS display:none. so the thing looks like this
<!--im ommitting CSS in the devlog this is not at all the full html being used-->
<div class="vote-page__layout">
<section class="vote-page__main">
<!--...whatever is here im not changing it...-->
</section>
<aside class="vote-page__aside">
<section class="class="vote-scorecard">
<header class="vote-scorecard__header">
<button>Demo</button> <button>Repo</button> <button>Scorecard</button>
</header>
<span id="scorecard-wrapper">
<!--...scorecard...-->
</span>
<span style="display: none;"> <!--unselected tabs are hidden-->
<!--...repo...-->
</span>
<span style="display: none;">
<!--...demo...-->
</span>
</section>
</aside>
</div>