profilepic 0.1.4 → 0.1.5

data/lib/profilepic/views/doge.erb

@@ -13,62 +13,20 @@ own 100% forever.
 
 
 
-<form action="/generate_doge" method="get" id="form1">
+<form action="/generate_doge" method="get">
 
-
-<%= radio_options_w_sprites( DOGE_ARCHETYPE,
-                   name: 't',
-                   legend: 'Select a doge shiba inu base (archetype)' ) %>
-
-Options:
-
-<%= radio_options_w_sprites( ['None']+DOGE_HAIR,
-                   name: 'hair',
-                   legend: 'Select hair' ) %>
-
-<%= radio_options_w_sprites( ['None']+DOGE_HEADWEAR,
-                   name: 'headwear',
-                   legend: 'Select headwear' ) %>
-
-
-<%= radio_options_w_sprites( ['None']+DOGE_EYEWEAR,
-                   name: 'eyewear',
-                   legend: 'Select eyewear' ) %>
+<%= render_options( DOGE ) %>
 
 <div>
-   <button type="submit" form="form1" value="Submit"
-      style="font-size: 400%; color: white; background-color: blue;">Generate Profile Pic(ture) in .PNG Format</button>
+   <button type="submit" value="submit"
+      class="bigblue">Generate Profile Pic(ture) in .PNG Format</button>
 </div>
 
-
-<%= erb :'shared/_more_options' %>
-
 </form>
 
 
 <script>
 var sheet = Spritesheet.read( 'doge-24x24.png',
-`0, classic
-1, dark
-2, zombie
-3, alien
-4, crazyhair
-5, beanie
-6, cap
-7, capforward
-8, cowboyhat
-9, fedora
-10, knittedcap
-11, tophat
-12, bandana
-13, headband
-14, tiara
-15, 3dglasses
-16, bigshades
-17, classicshades
-18, regularshades
-19, smallshades
-20, nerdglasses
-21, eyepatch` );
+`<%= spritesheet( 'doge-24x24.csv' ) %>` );
 sheet.draw();
 </script>

data/lib/profilepic/views/index.erb

@@ -5,11 +5,16 @@
 <p>Yes, you can!
 Generate your own originals that you
 own 100% forever.
+
+Questions? Comments?
+
+Post them on the
+<a href="https://old.reddit.com/r/DIYPunkArt">D.I.Y. Punk (Pixel) Art reddit</a>. Thanks.
 </p>
 
 
 
-<form action="/generate" method="get" id="form1">
+<form action="/generate" method="get">
 
 <fieldset>
     <legend>Select an image generator:</legend>
@@ -39,26 +44,47 @@ own 100% forever.
     <div>
       <input type="radio" id="t5" name="t" value="saudi">
       <label for="t5">Saudi Sheik (24×24)</label>
-    </div>
+      ... or try the <b><a href="/saudis">Design Your Own Saudi Sheik Wizard »</a></b>
+      </div>
 
 
   <div>
-    <input type="radio" id="t7" name="t" value="doge">
-    <label for="t7">Doge Shiba Inu (24×24)</label>
-     ... or try the <b><a href="/doge">Design Your Own Doge Shiba Inu Wizard »</a></b>
+  <input type="radio" id="t7" name="t" value="yeoldepunk">
+  <label for="t7">Matt &amp; John's® Ye Olde' Punk V1/V2 (Anno 2017) (24×24)</label>
+   ... or try the <b><a href="/yeoldepunks">Matt &amp; John's® Ye Olde' Punk V1/V2 (Anno 2017) Wizard »</a></b>
+   </div>
+
+   <div>
+   <input type="radio" id="t8" name="t" value="noun">
+   <label for="t8">Noun (32×32)</label>
   </div>
 
+
   <div>
-  <input type="radio" id="t6" name="t" value="yeoldepunk">
-  <label for="t6">Matt &amp; John's® Ye Olde' Punk V1/V2 (Anno 2017) (24×24)</label>
-   ... or try the <b><a href="/yeoldepunks">Matt &amp; John's® Ye Olde' Punk V1/V2 (Anno 2017) Wizard »</a></b>
+    <input type="radio" id="t6" name="t" value="doge">
+    <label for="t6">Doge Shiba Inu (24×24)</label>
+    ... or try the <b><a href="/doge">Design Your Own Doge Shiba Inu Wizard »</a></b>
+  </div>
 
-</div>
 
+  <div>
+    <input type="radio" id="t9" name="t" value="coolcat">
+    <label for="t9">Coolcat (24×24)</label>
+  </div>
 
+   <div>
+     <input type="radio" id="t10" name="t" value="moonbirdie">
+     <label for="t10">Lil' Moonbirdie (24×24)</label>
+   </div>
+
+   <div>
+     <input type="radio" id="t11" name="t" value="moonbird">
+     <label for="t11">Moonbird (42×42)</label>
+   </div>
 </fieldset>
 
 
+
 <fieldset>
     <legend>Type attribute description / specification:</legend>
 
@@ -76,16 +102,17 @@ own 100% forever.
     <li>Zombie, Crazy Hair, 3D Glasses</li>
     <li>Alien, Headband</li>
   </ul>
+  <p>
+  ... or browse the <b><a href="/spritesheets">(Spritesheet) Attribute Quick References »</a></b>
+  </p>
 
 </div>
    </fieldset>
 
 <div>
-   <button type="submit" form="form1" value="Submit"
-      style="font-size: 400%; color: white; background-color: blue;">Generate Profile Pic(ture) in .PNG Format</button>
+   <button type="submit" value="submit"
+       class="bigblue">Generate Profile Pic(ture) in .PNG Format</button>
 </div>
 
 
-<%= erb :'shared/_more_options' %>
-
 </form>

data/lib/profilepic/views/layout.erb

@@ -6,7 +6,7 @@
   <title>Profile Pic(ture) As A Service</title>
 
   <link href="<%= url('/style.css') %>" rel='stylesheet'>
-  <script src="spritesheet.js"></script>
+  <script src="/spritesheet.js"></script>
 </head>
 <body>
 

data/lib/profilepic/views/marcs.erb

@@ -12,53 +12,15 @@ own 100% forever.
 
 
 
-<form action="/generate_marcs" method="get" id="form1">
-
-
-<%= radio_options_w_sprites( MARC_ARCHETYPE,
-                   name: 't',
-                   legend: 'Select a marc base (archetype)' ) %>
-
-Options:
-
-
-<%= radio_options_w_sprites( ['None']+MARC_EYES,
-                   name: 'eyes',
-                   legend: 'Select eyes (extras)' ) %>
-
-<%= radio_options_w_sprites( ['None']+MARC_FACE,
-                   name: 'face',
-                   legend: 'Select face (extras)' ) %>
-
-<%= radio_options_w_sprites( ['None']+MARC_BEARD,
-                   name: 'beard',
-                   legend: 'Select beard' ) %>
-
-<%= radio_options_w_sprites( ['None']+MARC_HAIR,
-                   name: 'hair',
-                   legend: 'Select hair' ) %>
-
-<%= radio_options_w_sprites( ['None']+MARC_HEADWEAR,
-                   name: 'headwear',
-                   legend: 'Select headwear' ) %>
-
-
-<%= radio_options_w_sprites( ['None']+MARC_EYEWEAR,
-                   name: 'eyewear',
-                   legend: 'Select eyewear' ) %>
-
-<%= radio_options_w_sprites( ['None']+MARC_MOUTH_PROP,
-                   name: 'mouth',
-                   legend: 'Select mouth prop' ) %>
+<form action="/generate_marcs" method="get">
 
+<%= render_options( MARC ) %>
 
 <div>
-   <button type="submit" form="form1" value="Submit"
-      style="font-size: 400%; color: white; background-color: blue;">Generate Profile Pic(ture) in .PNG Format</button>
+   <button type="submit" value="submit"
+        class="bigblue">Generate Profile Pic(ture) in .PNG Format</button>
 </div>
 
-<%= erb :'shared/_more_options' %>
-
 </form>
 
 
@@ -66,153 +28,6 @@ Options:
 
 <script>
 var sheet = Spritesheet.read( 'marcs-24x24.png',
-`0, marc classic
-1, ape classic
-2, Marc Dark
-3, Marc Mid
-4, Marc
-5, Marc Albino
-6, Marc Golden
-7, madlad
-8, zombie
-9, ape
-10, Ape Golden
-11, Ape Pink
-12, Alien
-13, Alien Green
-14, Devil
-15, Devil 2
-16, Devil 3
-17, orc
-18, skeleton
-19, bot
-20, blue_eyes
-21, green_eyes
-22, blue_eye_shadow
-23, green_eye_shadow
-24, purple_eye_shadow
-25, bagner
-26, horns
-27, marc_tyson
-28, cleft
-29, mole
-30, rosy_cheeks
-31, shine
-32, spots
-33, black_lipstick
-34, hot_lipstick
-35, purple_lipstick
-36, buck_teeth
-37, clown_nose
-38, gold_ring
-39, diamond_earring
-40, gold_earring
-41, diamond_helix
-42, gold_helix
-43, frown
-44, smile
-45, big_beard_white
-46, big_beard
-47, chinstrap
-48, front_beard
-49, front_beard_dark
-50, full_mustache
-51, full_mustache_dark
-52, goat
-53, goat_dark
-54, handlebar
-55, luxurious_beard
-56, mustache
-57, mutton_chop
-58, normal_beard
-59, normal_beard_black
-60, shadow_beard
-61, soul_patch
-62, bandana
-63, beanie
-64, bunny_ears
-65, cap
-66, skull_cap
-67, cap_forward
-68, police_cap
-69, cowboy_hat
-70, do_rag
-71, fast_food
-72, marcdonalds
-73, fedora
-74, headband
-75, roaring_headband
-76, hoodie
-77, purple_hoodie
-78, knitted_cap
-79, laurels
-80, shemagh
-81, tassle_hat
-82, tiarra
-83, top_hat
-84, uncle_sam
-85, viking
-86, welding_goggles
-87, blonde_bob
-88, chad
-89, clown_hair
-90, crazy_white_hair
-91, crazy_hair
-92, frumpy_hair
-93, marc_three
-94, purple_hair
-95, stringy_hair
-96, vampire_hair
-97, wild_blonde_hair
-98, wild_hair
-99, clown_eyes_blue
-100, clown_eyes_green
-101, lasers
-102, tears
-103, 3d_glasses
-104, aviators
-105, big_shades
-106, classic_shades
-107, deal_with_it
-108, glasses
-109, gold_glasses
-110, horned_rim_glasses
-111, monocle
-112, nerd_glasses
-113, pink_shades
-114, polarized
-115, polarized_white
-116, regular_shades
-117, small_shades
-118, VR Headset
-119, eye_mask
-120, eye_patch
-121, cigar
-122, cigarette
-123, hookah
-124, pipe
-125, vape
-126, medical_mask
-127, bubble_gum
-128, black_tie
-129, blue_tie
-130, red_tie
-131, blue_shirt
-132, blue_t_shirt
-133, Fast Food Shirt
-134, green_shirt
-135, grey_shirt
-136, purple_t_shirt
-137, white_t_shirt
-138, jumpsuit
-139, labcoat
-140, choker
-141, double_gold_chain
-142, gold_chain
-143, silver_chain
-144, thick_chain
-145, hemp
-146, ice
-147, medallion` );
+`<%= spritesheet( 'marcs-24x24.csv' ) %>` );
 sheet.draw();
 </script>

data/lib/profilepic/views/more.erb

@@ -0,0 +1,84 @@
+<p style="font-size: 80%;">
+    <a href="/">« Profile Pic(ture) As A Service</a>
+</p>
+
+
+<h1><%= name %> No. <%= id %> - Right-Click &amp; Save</h1>
+
+
+<img src='<%= "/#{pic}" %>'>
+
+
+<p>Yes, you can!
+Right-click and save your own <%= name %> original that you
+own 100% forever.
+More options:
+</p>
+
+
+
+
+<form action="/more" method="get">
+
+<input type="hidden"  name="key" value="<%= params[:key] %>">
+
+
+<fieldset>
+    <legend>Select a zoom size:</legend>
+
+    <div>
+      <input type="radio" id="z1" name="z" value="1"
+             <%= zoom==1 ? 'checked' : '' %>>
+      <label for="z1">1X</label>
+    </div>
+
+    <div>
+      <input type="radio" id="z2" name="z" value="2"
+            <%= zoom==2 ? 'checked' : '' %>>
+      <label for="z2">2X</label>
+    </div>
+
+    <div>
+      <input type="radio" id="z4" name="z" value="4"
+            <%= zoom==4 ? 'checked' : '' %>>
+      <label for="z4">4X</label>
+    </div>
+
+    <div>
+      <input type="radio" id="z8" name="z" value="8"
+             <%= zoom==8 ? 'checked' : '' %>>
+      <label for="z8">8X</label>
+    </div>
+</fieldset>
+
+
+<fieldset>
+    <legend>Select a background:</legend>
+
+    <div>
+      <input type="radio" id="bg1" name="bg" value="none"
+             <%= bg=='none' ? 'checked': '' %>>
+      <label for="bg1">None (Transparent)</label>
+    </div>
+
+    <div>
+      <input type="radio" id="bg2" name="bg" value="ukraine"
+            <%= bg=='ukraine' ? 'checked': '' %>>
+      <label for="bg2">We Stand With Ukraine</label>
+    </div>
+
+    <div>
+      <input type="radio" id="bg3" name="bg" value="rainbow"
+            <%= bg=='rainbow' ? 'checked': '' %>>
+      <label for="bg3">Pride / Rainbow</label>
+    </div>
+</fieldset>
+
+
+
+<div>
+   <button type="submit" value="submit"
+        class="bigblue">Update Profile Pic(ture) in .PNG Format</button>
+</div>
+
+</form>

data/lib/profilepic/views/saudis.erb

@@ -0,0 +1,33 @@
+<p style="font-size: 80%;">
+    <a href="/">« Profile Pic(ture) As A Service</a>
+</p>
+
+
+<h1>Design Your Own Saudi Sheik (24×24) Wizard</h1>
+
+<p>Yes, you can!
+Generate your own originals that you
+own 100% forever.
+</p>
+
+
+
+<form action="/generate_saudis" method="get">
+
+<%= render_options( SAUDI ) %>
+
+<div>
+   <button type="submit" value="submit"
+        class="bigblue">Generate Profile Pic(ture) in .PNG Format</button>
+</div>
+
+</form>
+
+
+
+
+<script>
+var sheet = Spritesheet.read( 'saudis-24x24.png',
+`<%= spritesheet( 'saudis-24x24.csv' ) %>` );
+sheet.draw();
+</script>