Skip to content

Commit

Permalink
Run Prettier on stuff
Browse files Browse the repository at this point in the history
  • Loading branch information
Travis Lehman committed Feb 15, 2021
1 parent 9a41143 commit 79e6c70
Show file tree
Hide file tree
Showing 23 changed files with 10,615 additions and 10,330 deletions.
42 changes: 21 additions & 21 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,22 +2,22 @@

## Images

* Find an image that is as close as possible to a perfect top-down angle.
* You can make it perfectly top-down/rectangular using GIMP perspective tool.
* White background is preferred for best cutout quality, but if not available just cut them out best as possible
* Isolate the pedal on a transparent background (do not cut off jacks or switches). In GIMP (2.10), open file, select magic wand tool and click background, Layer > Transparency > Add Alpha Channel, then Layer > Transparency > Color to Alpha, and finally Ok in the dialog prompt.
You can also use https://onlinepngtools.com/create-transparent-png
* Crop the image to non-transparent pixels (in Photoshop Image > Trim > Transparent Pixels, in Gimp Image -> Crop to Content)
* Save to two places with the following guidelines:
* `/app/images/pedals` - Save for Web as PNG-24, make width 800px or less (don't enlarge original image though)
* `/public/images/pedals` - Save for web as PNG-24, make width 350px or less
* Please make sure file names use all lower-case letters and no spaces
- Find an image that is as close as possible to a perfect top-down angle.
- You can make it perfectly top-down/rectangular using GIMP perspective tool.
- White background is preferred for best cutout quality, but if not available just cut them out best as possible
- Isolate the pedal on a transparent background (do not cut off jacks or switches). In GIMP (2.10), open file, select magic wand tool and click background, Layer > Transparency > Add Alpha Channel, then Layer > Transparency > Color to Alpha, and finally Ok in the dialog prompt.
You can also use https://onlinepngtools.com/create-transparent-png
- Crop the image to non-transparent pixels (in Photoshop Image > Trim > Transparent Pixels, in Gimp Image -> Crop to Content)
- Save to two places with the following guidelines:
- `/app/images/pedals` - Save for Web as PNG-24, make width 800px or less (don't enlarge original image though)
- `/public/images/pedals` - Save for web as PNG-24, make width 350px or less
- Please make sure file names use all lower-case letters and no spaces

## Dimensions

* Add the dimensions of the pedals you add to `/public/data/pedals.json`
* Input dimensions in inches, with decimals (rounding to nearest hundredth)
* Dimensions recorded should include jacks and switches (if possible, most placed don't specify wether or not measurements do or do not)
- Add the dimensions of the pedals you add to `/public/data/pedals.json`
- Input dimensions in inches, with decimals (rounding to nearest hundredth)
- Dimensions recorded should include jacks and switches (if possible, most placed don't specify wether or not measurements do or do not)

## Running Locally

Expand All @@ -30,17 +30,17 @@ You can also use https://onlinepngtools.com/create-transparent-png
### MacOS Notes

Under MacOS Mojave:
- brew install node@10 bower
- sudo npm install gulp-cli -g;
- sudo npm rebuild node-sass -g
- sudo npm install sharp -g;
- sudo npm install http-server -g

- brew install node@10 bower
- sudo npm install gulp-cli -g;
- sudo npm rebuild node-sass -g
- sudo npm install sharp -g;
- sudo npm install http-server -g

# Requesting Pedals

If there is a pedal you're looking for, feel free to log an issue. Please follow the following rules when posting request issues:

* Include a decent resolution image of the pedal (top-down view, white background)
* Include the dimensions, in inches (make sure the dimensions are accurate and include jacks and other protrusions)
* Post one issue for each pedal you're requesting
- Include a decent resolution image of the pedal (top-down view, white background)
- Include the dimensions, in inches (make sure the dimensions are accurate and include jacks and other protrusions)
- Post one issue for each pedal you're requesting
36 changes: 19 additions & 17 deletions all.html
Original file line number Diff line number Diff line change
@@ -1,21 +1,23 @@
<!DOCTYPE html>
<head>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="public/stylesheets/styles.css">
<script type="text/javascript" src="public/scripts/scripts.js"></script>
<html lang="en">
<head>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link rel="stylesheet" href="public/stylesheets/styles.css" />
<script type="text/javascript" src="public/scripts/scripts.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>

</head>
<!-- !Body -->
<body>
<header class="site-header">
<h1><b>Pedal</b> Playground</h1>
</header>
<div class="site-body">
<div id="list-pedals">
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"
/>
</head>
<!-- !Body -->
<body>
<header class="site-header">
<h1><b>Pedal</b> Playground</h1>
</header>
<div class="site-body">
<div id="list-pedals"></div>
</div>
</div>
</body>
</body>
</html>
Loading

0 comments on commit 79e6c70

Please sign in to comment.