create account

Introducing Adom static: minimal static self-hosted personal Steem site by dzivenu

View this thread on: hive.blog |  peakd.com |  ecency.com
utopian-io · @dzivenu · (edited)
$50.66
Introducing Adom static: minimal static self-hosted personal Steem site
<html>
<p><img src="https://cdn.steemitimages.com/DQmP8xTuB8JFngAaNR3jxbu9N5U3Bt3rDPvNi6TsXyTvTSX/banner.png" width="1280" height="720"/></p>
<p>Adom is a suite of new beautiful minimal personal Steem blogging interfaces. <em>Personal</em> in the sense that you could install them on your personal domain or subdomain.</p>
<h1>Features</h1>
<h3>Cookie notifications</h3>
<p><img src="https://cdn.steemitimages.com/DQmP4MFvamzkRGFiAqnrRhwEc1rcAGwgHUKNbyj7UUm6xAH/adom-cookie.png" width="1423" height="750"/></p>
<p>Adom supports a nice cookie disclaimer notice that shows up to first time users. The modal can only be closed if the user accepted the terms and will be hidden to the same user for the next 60 days.</p>
<p>You can tweak the cookie reminder message age and the message as you please.</p>
<h3>Single configs</h3>
<p>In this static app, setting most configs can be a challenge as it would require the user to manually edit each static page during every update.</p>
<p>With this app, global values including:</p>
<ul>
  <li>steem personal account</li>
  <li>number of posts to load on the homepage</li>
  <li>number of &nbsp;posts to load on the blog page</li>
  <li>steem app to direct posts links to(steemit/busy)</li>
  <li>contact urls</li>
  <li>steem api</li>
  <li>social media links</li>
</ul>
<p>are all bundled into a universal <code>configs</code> object which is served on all pages through the <code>custom.js</code> file. This means you have one single entry point to edit any of these configs at, and it will be updated on all relevant pages!</p>
<h3>Powerful previewer</h3>
<p><img src="https://cdn.steemitimages.com/DQmTQXR5DPTZi6c5FmDGJRLchEJm5G3BRSuV8BjBuEFB9ie/adom-blog.png" width="1423" height="750"/></p>
<p>The Adom preview renderer is one of the most powerful I've built, far better than that currently on Peer Query and my other projects. It should render the generic text-only summary of any post, regardless of the markup.</p>
<h3>Email catching box</h3>
<p><img src="https://cdn.steemitimages.com/DQmbdaUhDMeaNRHMv5rMQicFCqtzLz8ddAj7sPxMamhcH8r/adom-footer-subscribe.png" width="1423" height="750"/></p>
<p>With this utility, you could easily capture emails of visitors to further interact with them when they are away. According to research and <a href="https://www.forbes.com/sites/forbesagencycouncil/2018/06/12/email-is-not-dead-its-evolving/#409740907545">Forbes</a>, email marketing this still the most effective medium to reach people.</p>
<p>The email capture box does not work since this is a simple static site. You would have to configure it to send emails to the email marketing provider of your choice.</p>
<h3>Mobile ready</h3>
<p>Adom lite beautifully stack up on all mobile and tablet screens.</p>
<h3>Default pages</h3>
<ul>
  <li>home</li>
  <li>about</li>
  <li>work</li>
  <li>blog</li>
  <li>contact</li>
  <li>subscribe</li>
  <li>terms of use</li>
  <li>privacy policy</li>
</ul>
<h1>Possible uses</h1>
<h3>Personal or project blog</h3>
<p>While the Steemit personal account page is OK, sometimes you want to host your own domain on your own domain. If you want that, but do not want any huge setup for any complicated tools or web host system, then this app is for you.</p>
<p>Just download or clone it, tweak it to meet your brand then upload it as a .zip file to any free static web hosting service!</p>
<p><em>Just remember that people would not be able to vote or comment on your posts from there so it is NOT an alternative to your Steemit profile, it is only a nice personalized compliment.</em></p>
<h3>Personal brandable interface</h3>
<p>With a static site, you get to customize it to display whatever you want. You could show list products you are working on or promote whatever you want with a customizable interface.</p>
<h1>Advantages</h1>
<h3>Very minimal build</h3>
<p>Adom runs on Skeleton CSS boilerplate, which is not even a framework. It is very beautiful but also very small. The other dependencies are JQuery and DSteem, making the site extremely small in size.</p>
<h3>Fully static</h3>
<p>All files are static HTML pages with not frontend libraries.</p>
<h3>Free hosting support</h3>
<p>As a static site, you can easily deploy it to several free static hosting services including:</p>
<ul>
  <li>Surge.sh</li>
  <li>Github pages</li>
  <li>Netlify</li>
</ul>
<h1>Limitations</h1>
<h3>No content rendering</h3>
<p>While it is tempting to let users read content directly on your site, that is not supported currently for the following reasons:</p>
<ul>
  <li>users cannot interact with content since they cannot log in to the site. readers cannot vote or comment on your posts</li>
  <li>loading on static pages could leave ugly urls</li>
</ul>
<p>If requested by the community, native content rendering would be supported. For now, you can only choose to display your content on Steemit, Busy or Steempeak.</p>
<h3>No dynamic sitemap</h3>
<p>As a static site, we cannot produce dynamic sitemaps. You would have to manually create and update your sitemap when needed.</p>
<h3>No posting</h3>
<p>It would be nice to allow for the owner to publish posts or let users post comments to Steem, however, since its a static app they would have to use their posting key.</p>
<p>While most people who install Adom static might have good motives, one single person with bad motives could undermine that trust and harvest all keys used on their site.</p>
<p>For this reason, posting functionality is not included.</p>
<h1>Deploys</h1>
<h3>How to install</h3>
<ul>
  <li>download the zip file from Github, or fork to your local folder</li>
  <li>edit the HTML pages to reflect your message and brand</li>
  <li>update the <code>configs.js</code> file in the <code>/configs</code> folder to the appropriate values</li>
  <li>upload the file to any static hosting, eg: Netlify, Surge.sh or Github pages</li>
</ul>
<h3>Live demo</h3>
<p><a href="https://adom.netlify.com">adom.netlify.com</a> - using @Steemitblog for the demo due to its content.</p>
<h1>What's the future?</h1>
<p><a href="https://adom.site">Adom</a> is an <a href="https://steem.institute/">Institute</a> project hence once the Institute is live we would further its developments and make it possible to post and comment from it.</p>
<p>Also, this static version of Adom is only one of the three version under development. We would need these sites for the Institute blogs which is why they are being released now.</p>
<p>The lite version features a full blogging app powered by Node.js with impressive features, while the full version features a full CMS solution with themes.</p>
<h1>Resources</h1>
<p>Github repo: <a href="https://github.com/adom-site/static">https://github.com/adom-site/static</a></p>
</html>
πŸ‘  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 82 others
properties (23)
authordzivenu
permlinkintroducing-adom-static-minimal-static-self-hosted-personal-steem-site
categoryutopian-io
json_metadata{"tags":["utopian-io","blog","adom","news","steem"],"image":["https://cdn.steemitimages.com/DQmP8xTuB8JFngAaNR3jxbu9N5U3Bt3rDPvNi6TsXyTvTSX/banner.png","https://cdn.steemitimages.com/DQmP4MFvamzkRGFiAqnrRhwEc1rcAGwgHUKNbyj7UUm6xAH/adom-cookie.png","https://cdn.steemitimages.com/DQmTQXR5DPTZi6c5FmDGJRLchEJm5G3BRSuV8BjBuEFB9ie/adom-blog.png","https://cdn.steemitimages.com/DQmbdaUhDMeaNRHMv5rMQicFCqtzLz8ddAj7sPxMamhcH8r/adom-footer-subscribe.png"],"links":["https://www.forbes.com/sites/forbesagencycouncil/2018/06/12/email-is-not-dead-its-evolving/#409740907545","https://adom.netlify.com","https://adom.site","https://steem.institute/","https://github.com/adom-site/static"],"app":"steemit/0.1","format":"html","users":["steemitblog"]}
created2018-08-09 16:31:24
last_update2018-08-09 17:17:06
depth0
children4
last_payout2018-08-16 16:31:24
cashout_time1969-12-31 23:59:59
total_payout_value38.655 HBD
curator_payout_value12.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length6,752
author_reputation35,080,388,713,175
root_title"Introducing Adom static: minimal static self-hosted personal Steem site"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id67,660,743
net_rshares39,067,569,940,238
author_curate_reward""
vote details (146)
@didic ·
$5.90
This post is a nice introduction to an intriguing project, well written and presented.

I would have liked to have seen more details on the project, specifically more graphics illustrating the look of a personalized Steem site. 

I would also be very interested in seeing if a solution could be found to use the self-hosted site as a fully featured Steem site, with commenting, voting, and posting. As it is, it feels more like a showcase than a project that many will use. But it still technically impressive, and I like the availability of a mobile option, as well as a full CMS option - though I would have liked more detail on that front as well. 

All in all, this is a fine post, and one I was happy to read.

Your contribution has been evaluated according to [Utopian policies and guidelines](https://join.utopian.io/guidelines), as well as a predefined set of questions pertaining to the category.

To view those questions and the relevant answers related to your post, [click here](https://review.utopian.io/result/1/23214112).

---- 
Need help? Write a ticket on https://support.utopian.io/. 
Chat with us on [Discord](https://discord.gg/uTyJkNm). 
[[utopian-moderator]](https://join.utopian.io/)
πŸ‘  , ,
properties (23)
authordidic
permlinkre-dzivenu-introducing-adom-static-minimal-static-self-hosted-personal-steem-site-20180810t190619655z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"links":["https://join.utopian.io/guidelines","https://review.utopian.io/result/1/23214112","https://support.utopian.io/","https://discord.gg/uTyJkNm","https://join.utopian.io/"],"app":"steemit/0.1"}
created2018-08-10 19:06:15
last_update2018-08-10 19:06:15
depth1
children2
last_payout2018-08-17 19:06:15
cashout_time1969-12-31 23:59:59
total_payout_value4.429 HBD
curator_payout_value1.474 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length1,206
author_reputation76,371,161,336,613
root_title"Introducing Adom static: minimal static self-hosted personal Steem site"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id67,785,676
net_rshares4,581,623,098,277
author_curate_reward""
vote details (3)
@dzivenu · 
(^ o ^)
properties (22)
authordzivenu
permlinkre-didic-re-dzivenu-introducing-adom-static-minimal-static-self-hosted-personal-steem-site-20180811t063556546z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"app":"steemit/0.1"}
created2018-08-11 06:36:06
last_update2018-08-11 06:36:06
depth2
children0
last_payout2018-08-18 06:36:06
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length7
author_reputation35,080,388,713,175
root_title"Introducing Adom static: minimal static self-hosted personal Steem site"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id67,828,067
net_rshares0
@utopian-io · 
Thank you for your review, @didic!

So far this week you've reviewed 10 contributions. Keep up the good work!
properties (22)
authorutopian-io
permlinkre-re-dzivenu-introducing-adom-static-minimal-static-self-hosted-personal-steem-site-20180810t190619655z-20180814t130904z
categoryutopian-io
json_metadata"{"app": "beem/0.19.42"}"
created2018-08-14 13:09:03
last_update2018-08-14 13:09:03
depth2
children0
last_payout2018-08-21 13:09:03
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length109
author_reputation152,955,367,999,756
root_title"Introducing Adom static: minimal static self-hosted personal Steem site"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id68,163,551
net_rshares0
@utopian-io · 
Hey @dzivenu
**Thanks for contributing on Utopian**.
We’re already looking forward to your next contribution!

**Want to chat? Join us on Discord https://discord.gg/h52nFrV.**

<a href='https://v2.steemconnect.com/sign/account-witness-vote?witness=utopian-io&approve=1'>Vote for Utopian Witness!</a>
properties (22)
authorutopian-io
permlinkre-introducing-adom-static-minimal-static-self-hosted-personal-steem-site-20180813t142509z
categoryutopian-io
json_metadata"{"app": "beem/0.19.42"}"
created2018-08-13 14:25:09
last_update2018-08-13 14:25:09
depth1
children0
last_payout2018-08-20 14:25:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length299
author_reputation152,955,367,999,756
root_title"Introducing Adom static: minimal static self-hosted personal Steem site"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id68,064,246
net_rshares0
Help/Feedback