Giter VIP home page Giter VIP logo

draculatheme.com's Introduction

draculatheme.com

This repo contains the source code for draculatheme.com.

Preview

Getting Started

  1. Install NodeJS, if you don't have it yet.

  2. Now clone this repository:

    $ git clone https://github.com/dracula/draculatheme.com.git
  3. Then go to the project's folder:

    $ cd draculatheme.com
  4. Install all dependencies:

    $ npm install
  5. And finally run:

    $ npm run dev

Now you should see the website running in localhost:3000 😁

Community

  • Twitter - Best for getting updates about themes and new stuff.
  • GitHub - Best for asking questions and discussing issues.
  • Discord - Best for hanging out with the community.

License

MIT License © Dracula Theme

draculatheme.com's People

Contributors

brunobrasolin avatar helciopenha avatar luxonauta avatar zenorocha avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

draculatheme.com's Issues

Add link to github repo for the current app's theme?

Would it be possible to add a link to the current app's github repo?

For example the vim theme page would include a link to dracula/vim.

You currently have to click on the github org, and search for the app's repo.

I could make a PR, let me know where you'd like it.

Malarkey text not being reset on page load

From the home page, if you click the "Dracula" link in the top let corner a few times, the "Dark theme for ..." Malarkey rotating subheading will append app name values:
text-overflow

npm ERR! 404 Not Found - GET https://registry.npmjs.org/dracula-ui - Not found

Anyone experiencing this error when running npm install or npm i dracula-ui?

npm i dracula-ui
npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/dracula-ui - Not found
npm ERR! 404 
npm ERR! 404  'dracula-ui@latest' is not in the npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404 
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/cchacon/.npm/_logs/2022-01-19T16_12_36_488Z-debug.log

Update site?

The master branch hasn't been updated since November of 2018...

In particular, dracula/vim has had some updates (#75) to install instructions, and it would be nice to point people towards the correct instructions there.

Saving filter state

On refresh or changing to the different pages, we lose the filter state.

We can use localstorage to save filter state so that even after refreshing or coming back from different app pages we are still viewing what we had chosen.

$ in code block

I was looking to add support for the Dracula Theme website in the CodeCopy extension (also owned by @zenorocha) but noticed that a lot of the code blocks start with $, for example: https://draculatheme.com/xcode/

This causes the inconvenience of not being able to quickly copy/paste the command because $ will give an error in the terminal.

I will still add support for the Dracula Theme website soon, if you guys agree that $ doesn't have any added benefit but time is an issue I could make a little time to make a PR for it. It shouldn't take too long to do.

Move gh-pages to allow repository GitHub Pages preview

Hey @zenorocha,

I just realized that we will need to make the draculatheme.com/gh-pages/ URN available to the repository so that I can configure the GitHub Pages on the repository. My suggestion for a solution is to move /src/content/gh-pages/ to /src/content/ghpages/ or /src/content/gh-pages-theme/.

I am open to other suggestions, however the URN directory for the main site cannot be the same as the repository.

Arrow character does not render in powershell installation instructions

Symptom

On https://draculatheme.com/powershell/, under "Theme Installation", under "Windows Titlebar Color", there are several Rightwards Arrow characters (U+2192). For me, in Firefox, they show as a lowercase "b". In Edge, they show as a lowercase "b" followed by two boxes. Screenshot of Edge below.

Screenshots

The installation instructions on GitHub (https://github.com/dracula/powershell/blob/master/INSTALL.md):
Screenshot of install.md

The installation instructions on draculatheme.com (in Edge):
Screenshot of the issue in Edge

The HTML I get from draculatheme.com (inspected with Firefox):
Screenshot of network traffic

Details

From what I can tell, these instructions are fetched from GitHub using an API call: https://api.github.com/repos/dracula/powershell/contents/INSTALL.md. For me that API call returns the correct data, in which the arrow character is UTF-8 encoded as 0xE28692.

When I visit https://draculatheme.com/powershell/, it seems the character has been replaced with 0x620612. The 0x62 explains why I'm seeing a "b".

Speculation

I will hazard a guess that the issue is due to this line, which attempts to treat install.md as ASCII:

query.install = marked(installBuffer.toString('ascii'));

If the restriction to ASCII is intentional, then the fix may be to update that markdown file to replace the arrows with, perhaps, >.

If the restriction to ASCII is unintentional, then the fix may be to use installBuffer.toString('utf8') instead.

Safari: Reference Error thrown to malarkey function call

As displayed in the screenshot the malarkey function call seems to have been error out as it seems it is not defined in the scope of the global function, the browser console seems to be giving out an error for the same.
I would love to work on this and send a PR with fixes. 🥇

Screenshot:
Screenshot 2019-05-22 at 1 04 24 AM

Shop Cart Links Not Working

Hello, there.

I was trying to purchase some stickers and a t-shirt and realized that the linking doesn't work on https://draculatheme.com/shop/.

Steps to reproduce:

  1. Navigate to: https://draculatheme.com/shop
  2. Select ASCII Shirt
  3. Select size and quantity and click on Add to cart.
  4. Result ends up at Gumroad checkout popup which mentions "you haven't added anything yet!". (See Image)

image

Expected Result:
(Steps 1-3 above)
4. End up at this url: https://draculatheme.gumroad.com/l/ascii-shirt

I noticed the same for the Dracula Sticker Pack, and come to mention it the rest of the products. Would love to contribute to same to fix. Thanks for the cool theme!

Migration to Next.js

Hello everyone,

We're migrating the site from Metalsmith to Next.js.

Before this goes live, we would like to get your feedback.

What problems are we solving with this release?

  • Removes technical debt since Metalsmith is no longer maintained
  • Moves the install instructions from the site to theme each repository (see example)
  • Moves the screenshots from the site to each theme repository (see example)
  • Fixes the fetching of GitHub contributors which was broken after the WeDeploy shutdown

What problems are we not solving with this release?

  • The overall design has not been updated
  • The landing page is not dinamically generated
  • The theme icons and colors are still manually defined

Want to see for yourself?

Clone the 3.x branch and follow the instructions on the README.

If you're curious, you can see the full commit here: 46c42a7

@dracula/maintainers

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.