Advertisement
Guest User

d

a guest
Feb 17th, 2020
196
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.21 KB | None | 0 0
  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4.  
  5. <head>
  6. <meta charset="utf-8">
  7. <title>Caleb Taylor | Portfolio</title>
  8. <meta name="description" content="The website of Caleb Taylor, a Writer, Web and Game Developer from Vancouver, British Columbia.">
  9. <meta name="author" content="Caleb Taylor">
  10.  
  11. <meta name="viewport" content="width=device-width, initial-scale=1">
  12.  
  13. <link rel="stylesheet" href="styles.css">
  14. </head>
  15. <body>
  16.  
  17. <div class="container">
  18.  
  19.  
  20. <div class="row headline">
  21. <div class="columns">
  22. <h1>Caleb Taylor&mdash;game developer, web developer, writer.</h1>
  23. </div>
  24. <div class="six columns subhead">This website is hosted from my bedroom on a Raspberry Pi 3B+ using Lets Encrypt, Ubuntu Server 19.10.1, Apache 2.4.41 and PHP 7.</div>
  25. </div>
  26. <div class="row"><hr></div>
  27.  
  28. <div class="row">
  29. <div class="six columns">
  30. <div class="row">
  31. <h2>GAMES</h2>
  32. <div class="six columns subhead"></div>
  33. </div>
  34. <h3><a href="#">Snake-Eye Studios</a></h3>
  35.  
  36. <h4><a href="#">Emily against all Ends</a>&mdash;Gameplay Programmer, Artist</h4>
  37. <p>A Bullet-hell action adventure for PC, Mac, Linux, and HTML5.<br>
  38. Programmed all gameplay and UI, drew all sprites.<br>
  39. Made with Godot and Aseprite.</p>
  40. <h4><a href="#">Punkscape</a>&mdash;Gameplay Programmer, Artist, Writer</h4>
  41. <p>A cooperative, narrative spin on Pong for PC, Mac, Linux, and HTML5.<br>
  42. Programmed all gameplay and UI, drew all sprites.<br>
  43. Made with Godot and Aseprite.</p>
  44.  
  45. <h3><a href="#">Self Published</a></h3>
  46. <h4><a href="#">The Wishing Tower</a>&mdash;Gameplay Programmer, Artist, Writer</h4>
  47. <p>A narrative focused, retro platformer with DDR combat mechanics.<br>
  48. Made everything you can see.<br>
  49. Made with GameMaker Studio 2 and Aseprite.</p>
  50.  
  51. <h4><a href="#">Dirty Rat</a>&mdash;Gameplay Programmer, Artist</h4>
  52. <p>A retro arcade game for PC, Mac, Linux, and HTML5.<br>
  53. Programmed all gameplay.<br>
  54. Made with Godot.</p>
  55.  
  56. <h4><a href="#">Synonym Royale</a>&mdash;Gameplay Programmer</h4>
  57. <p>An experiment with dictionaryapi.com's thesaurus API.<br>
  58. Programmed all gameplay and UI.<br>
  59. Made with HTML and JS.</p>
  60.  
  61. <!-- <h4>TBD&mdash;N/A</h4>
  62. <p>yee yee juice</p> -->
  63. </div>
  64.  
  65. <div class="six columns">
  66. <h3><a href="#">Ben Porter</a></h3>
  67.  
  68. <h4><a href="#">MoonQuest</a>&mdash;Windows Beta Tester (Integrated Graphics)</h4>
  69. <p>Tested MoonQuest using integrated graphics.<br>
  70. Reported the performance of the game paired with the hardware used.<br>
  71. Tested in January 2020.</p>
  72.  
  73.  
  74. <!-- <h3><a href="#">Sun Machine Games</a></h3>
  75. <h4>TBD&mdash;Beta Tester</h4>
  76. <p>TBD<br>
  77. TBD<br>
  78. TBD</p> -->
  79. </div>
  80. <div class="small-holder">
  81. <a class="small" href="#">See more games</a>
  82. </div>
  83. </div>
  84.  
  85.  
  86.  
  87. <div class="row" style="margin-top:10rem;"><hr></div>
  88. <div class="row">
  89. <div class="six columns">
  90. <div class="row">
  91. <h2>WEB DEVELOPMENT</h2>
  92. <div class="six columns subhead"></div>
  93. </div>
  94. <h3><a href="#">SanMar Canada</a></h3>
  95.  
  96. <h4><a href="#">Flyer Maker</a>&mdash;Programmer</h4>
  97. <p>An accesible online graphic design tool.<br>
  98. Designed and developed solo, from scratch, and with the open source library Fabric.js.<br>
  99. Made with HTML, CSS, PHP, JS, and Fabric.js.</p>
  100.  
  101. <h4><a href="#">Image Library</a>&mdash;Programmer</h4>
  102. <p>A tool for browsing and downloading promotional images.<br>
  103. Designed and developed everything solo, from scratch.<br>
  104. Made with HTML, PHP, CSS and JS.</p>
  105.  
  106. <h4><a href="#">Custom Website Network</a>&mdash;Programmer</h4>
  107. <p>A Wordpress multi-site network for managing our clients' websites.<br>
  108. Managed the project, lead a team of 5, installed and configured the stack.<br>
  109. Made with Wordpress, CentOS, and Apache.</p>
  110.  
  111.  
  112.  
  113. </div>
  114.  
  115. <div class="six columns">
  116. <h3>Self</h3>
  117. <h4><a href="#">Freelance Web Design</a>&mdash;Freelancer</h4>
  118. <p>Portfolio, eCommerce, brochue, scheduling and personal sites.<br>
  119. Made with Wordpress, from scratch, BigCartel, Joomla, etc.<br></p>
  120.  
  121. <h4><a href="#">Writers Block</a>&mdash;Student</h4>
  122. <p>A student project, exploring the XAMPP stack.<br>
  123. Designed and developed everything solo, from scratch.<br>
  124. Made with PHP, CSS, JS (Ajax), and SQL.</p>
  125.  
  126. </div>
  127. <div class="small-holder">
  128. <a class="small" href="#">See more web</a>
  129. </div>
  130. </div>
  131.  
  132.  
  133. <div class="row" style="margin-top:10rem;"><hr></div>
  134. <div class="row">
  135. <div class="six columns">
  136. <div class="row">
  137. <h2>WRITING</h2>
  138. <div class="six columns subhead"></div>
  139. </div>
  140. <h3><a href="#">Dallas Harvey FX (DHFX)</a></h3>
  141.  
  142. <h4>Odd Stories&mdash;Screenwriter</h4>
  143. <p>The pilot episode, S01E02, for "Odd Stories"<br>
  144. Samples on request.<br></p>
  145.  
  146.  
  147. <h3><a href="#">Xsolla</a></h3>
  148. <h4><a href="#">Corporate Blog</a>&mdash;Writer</h4>
  149. <p>Articles covering numerous games industry topics.<br>
  150. Samples on request.<br></p>
  151. </div>
  152.  
  153. <div class="six columns">
  154. <h3><a href="#">Self Published</a></h3>
  155.  
  156. <h4><a href="#">Various Platforms with +/- 150,000 views</a>&mdash;Fiction Writer</h4>
  157. <p>Horror and Science Fiction short stories.<br>
  158. Posted to Reddit, narrated on numerous channels on YouTube, Spotify, Soundcloud, and more.<br>
  159. Samples on request.</p>
  160.  
  161.  
  162. <h3>Slickster Magazine</h3>
  163. <h4>Physical Print &amp; Blog&mdash;Writer, Reviewer</h4>
  164. <p>Game reviews and games industry discourse.<br>
  165. Samples on request.<br></p>
  166.  
  167. </div>
  168. <div class="small-holder">
  169. <a class="small" href="#">See more writing</a>
  170. </div>
  171. </div>
  172.  
  173.  
  174.  
  175.  
  176.  
  177.  
  178. <div class="row" style="margin-top:10rem;"><hr></div>
  179. <div class="row">
  180.  
  181. <div class="four columns" style="margin-left:0;margin-bottom:5rem;">
  182. <h2>Resume</h2>
  183. <div class="eight columns subhead">The following are languages, technologies and environments I'm proficient in:<br><br>Or download my resume:</div>
  184. <a href="caleb_taylor_resume.pdf"><div class="button">Resume</div></a>
  185.  
  186. </div>
  187. <div class="four columns">
  188. <ul>
  189.  
  190.  
  191. <li>JS, HTML, CSS, PHP</li>
  192. <li>SQL</li>
  193. <li>Python</li>
  194. <li>Java</li>
  195. <li>C#</li>
  196.  
  197.  
  198. <br>
  199. <li>Ubuntu</li>
  200. <li>Debian</li>
  201. <li>Windows</li>
  202. <li>Apache</li>
  203. <br>
  204.  
  205. </ul>
  206. </div>
  207. <div class="four columns">
  208. <ul>
  209. <li>Godot</li>
  210. <li>Unity</li>
  211. <li>Gamemaker Studio</li>
  212. <li>Blender</li>
  213. <li>Maya</li>
  214. <li>Android Studio</li>
  215. <li>Adobe Creative Suite</li>
  216.  
  217. </ul>
  218. </div>
  219. </div>
  220.  
  221.  
  222.  
  223. <div class="row" style="margin-top:10rem;">
  224. <hr>
  225. <h3>Links</h3>
  226. <p><a href="https://github.com/CalebTaylor?tab=repositories" target="_blank">Github</a> | <a href="https://www.linkedin.com/in/calebtaylor26/" target="_blank">Linkedin</a></p>
  227. <p>Email me at <a href="mailto:calebtaylor26@gmail.com">calebtaylor26@gmail.com</a>.</p>
  228. </div>
  229.  
  230. <div class="row" style="margin-top:5rem;">
  231. <hr class="f">
  232. <div class="footer">
  233.  
  234.  
  235. Thank you.
  236.  
  237. </div>
  238. </div>
  239.  
  240.  
  241. </div>
  242.  
  243.  
  244. </body>
  245. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement