Publish HTML quickly. https://html.house
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

78 lines
4.0 KiB

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <title>About CSShorse</title>
  5. <link rel="stylesheet" type="text/css" href="/css/house.css" />
  6. <link rel="shortcut icon" href="/favicon.ico" />
  7. <link rel="icon" type="image/png" href="/img/favicon-chrome.png" sizes="192x192">
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  9. <meta name="theme-color" content="#888888" />
  10. <meta name="description" content="CSShorse helps you publish HTML quickly. Created by the team at Write.as.">
  11. <meta name="application-name" content="CSShorse">
  12. <meta name="application-url" content="https://html.house">
  13. <meta itemprop="name" content="About CSShorse">
  14. <meta itemprop="description" content="CSShorse helps you publish HTML quickly. Created by the team at Write.as.">
  15. <meta name="twitter:card" content="summary_large_image">
  16. <meta name="twitter:site" content="@HTMLhouse">
  17. <meta name="twitter:title" content="About CSShorse">
  18. <meta name="twitter:description" content="CSShorse helps you publish HTML quickly. Created by the team at Write.as.">
  19. <meta property="og:title" content="About CSShorse" />
  20. <meta property="og:site_name" content="CSShorse" />
  21. <meta property="og:type" content="object" />
  22. <meta property="og:url" content="https://html.house/" />
  23. <meta property="og:description" content="CSShorse helps you publish HTML quickly. Created by the team at Write.as." />
  24. </head>
  25. <body>
  26. <header>
  27. <h1>CSShorse</h1>
  28. <nav>
  29. <a class="home" href="/">&lt;&#128052;/&gt;</a>
  30. <a class="current" href="/about.html">about</a>
  31. <a href="/contact.html">contact</a>
  32. </nav>
  33. </header>
  34. <div id="wrapper">
  35. <h2>About</h2>
  36. <p>CSShorse makes it easy to customize your <a href="https://writefreely.org">WriteFreely</a> or hosted <a href="https://write.as">Write.as</a> blog and see your changes in real-time. Load your blog, customize it, then paste your changes into your blog's <em>Custom CSS</em> section.</p>
  37. <p>CSShorse is based on <a href="https://html.house">HTMLhouse</a>, by the <a href="https://write.as">Write.as</a> team.</p>
  38. <h3>Usage</h3>
  39. <p>Navigate to the <a href="/">home page</a> and enter your blog URL, whether it's on Write.as, your own domain, or a shared WriteFreely instance. Then press <strong>Go</strong>.</p>
  40. <p>You should see your blog load in the right-side pane. On the left, you'll find custom CSS from the blog, if any. Start editing the CSS there, and you'll notice the changes immediately in the right-side pane.</p>
  41. <p>When you're finished, copy the <em>entire</em> contents of the left-side pane and paste them into the <em>Custom CSS</em> section on your blog's <em>Customize</em> page in WriteFreely. Then save the changes there. If you want to continue making changes, refresh the CSShorse page to see your latest theme.</p>
  42. <p><strong>NOTE</strong>: this editor does <strong>not</strong> automatically save your work!</p>
  43. <h3>Source</h3>
  44. <p>CSShorse (aka HTMLhouse) is open source software, written in Go. <a href="https://github.com/writeas/htmlhouse">View source</a> on GitHub.</p>
  45. <p>Hosted by <a href="https://www.digitalocean.com/?refcode=a5062ff05a6c">Digital Ocean</a>.</p>
  46. <h3>Credits</h3>
  47. <strong>Editor</strong>. <a href="http://ace.c9.io/">ACE editor</a>.
  48. <h3>Privacy Policy</h3>
  49. <p>On CSShorse we don't know who you are, nor do we make any effort to. You couldn't give us your personal information even if you wanted to! Build cool stuff and enjoy.</p>
  50. </div>
  51. <script type="text/javascript">
  52. var _paq = _paq || [];
  53. _paq.push(['trackPageView']);
  54. _paq.push(['enableLinkTracking']);
  55. (function() {
  56. var u="//analytics.write.as/";
  57. _paq.push(['setTrackerUrl', u+'piwik.php']);
  58. _paq.push(['setSiteId', 34]);
  59. var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
  60. g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
  61. })();
  62. </script>
  63. <noscript><p><img src="//analytics.write.as/piwik.php?idsite=34" style="border:0;" alt="" /></p></noscript>
  64. </body>
  65. </html>