<div class="py-5 text-center">
<h3 class="display-4"><b>Get the BlockBasic-One Theme working</b></h3>
<div class="p-3 col-md-2"> <img class="img-fluid d-block rounded-circle" src="cloud/blogbasic-one/Profilfotos/logo-blogbasic.png"
alt="img-placeholder-1.svg" /> </div>
<div class="p-3 col-md-10 text-dark">
<div class="blockquote mb-0">
<p class="lead">The theme is intended for all those Hubzilla Lovers who write or quote longer texts from time to time and want
to present them nicely on the web in a fixed location. In my first attempt, I kept the design close to the WriteFriley standard
look. With "Blogbasic One" you can now present texts in a similar way to WriteFriley with the major difference that with the HZ
substructure, comments and, in addition to the ATOM feed, following in the Fediverse also works in BOTH directions... further HZ
components and the HZ access and authorization system are added on top as required. </p>
<p class="lead">The possible combination with other channels under one account makes HZ an option where you have all under one
hut.·<br /><br />"Blogbasic One" is all about the look of the HomePage, clarity and reduction... who is blogging results from the
"about" page which could be linked to the HZ /profile/ page. All modules that are public have been redesigned... the inner views
/hq and /network will stay with the Redbasic design for now. Later maybe also new ones here...·<br /><br />"Blogbasic One" works
as an overwrite theme in combination with Redbasic.</p>
<div class="container-fluid">
<div class="px-md-5 p-3 d-flex flex-column justify-content-center col-lg-6 text-left">
<p class="mb-3 lead">of the theme runs under:</p><a class="btn btn-link" href="#"><b
class="lead">https://im.allmendenetz.de/channel/blogbasic-one</b></a>
<p class="mb-3 lead">Since the theme is still Beta you can just test it if you have an account on·<br /></p><a class="btn
btn-link" href="#"><b class="lead">https://im.allmendenetz.de</b></a>
<div class="col-md-6"> <img class="img-fluid d-block" src="/photo/33e02a84-c166-4f21-a2d5-154dafe976b2-7"
alt="33e02a84-c166-4f21-a2d5-154dafe976b2-7" /> </div>
<div class="accordion accordion-flush" id="accordionFlushExample">
<div class="accordion-item">
<h2 class="accordion-header" id="flush-headingOne">
<button class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne">
Activate BlogBasic-One Theme
<div id="flush-collapseOne" class="accordion-collapse collapse">
<div class="accordion-body">
<div class="container-fluid">
<div class="px-md-5 p-3 d-flex flex-column col-lg-6 justify-content-start text-left">
<p class="mb-3 lead">So that you can test the theme for yourself and all components are freshly loaded, it is best to create a new
channel under your account at <a class="btn btn-link" href="https://im.allmendenetz.de/manage"><span
class="lead"><b>https://im.allmendenetz.de/manage</b></span></a>
<div class="p-0 col-lg-6"> <img class="img-fluid d-block" src="cloud/blogbasic-one/wiki-photos/01-creat-channel.png"
alt="01-creat-channel.png" /> </div>
<div class="container-fluid">
<div class="px-md-5 p-3 d-flex flex-column col-lg-6 justify-content-start text-left">
<p class="lead">Then go to<br /><br /><a class="btn btn-link" href="https://im.allmendenetz.de/settings/display"><span
class="lead"><b>https://im.allmendenetz.de/settings/display</b></span></a>·<br /><br /><i>Display Settings > Theme
Settings</i>·<br /><br />and select in the activated Redbasic Theme...</p>
<div class="p-0 col-lg-6"> <img class="img-fluid d-block" src="cloud/blogbasic-one/wiki-photos/02-custom-theme-settings.png"
alt="02-custom-theme-settings.png" /> </div>
<div class="container-fluid">
<div class="px-md-5 p-3 d-flex flex-column col-lg-6 justify-content-start text-left">
<p class="mb-3 lead">... whether Dark- or Light- Mode should be default. If "Show advanced settings" is activated, you could also
define the link colors... It is better not to use other theme settings for now.</p>
<div class="p-0 col-lg-6"> <img class="img-fluid d-block" src="cloud/blogbasic-one/wiki-photos/03-2custom-theme-settings.png"
alt="03-2custom-theme-settings.png" /> </div>
<div class="container-fluid">
<div class="px-md-5 p-3 d-flex flex-column col-lg-6 justify-content-start text-left">
<p class="mb-3 lead">Then go to<br />·<br />
<a class="btn btn-link" href="https://im.allmendenetz.de/settings/display"><span
class="lead"><b>https://im.allmendenetz.de/settings/display</b></span></a>
<br /><br /><i>Display Settings > Theme Settings</i><br /><br />and select and activate the new theme with the name "Blogbasic
One".·<br /><br />Done !</p>
<div class="p-0 col-lg-6"> <img class="img-fluid d-block" src="cloud/blogbasic-one/wiki-photos/04-choose-blogbasic-one.png"
alt="04-choose-blogbasic-one.png" /> </div>
<div class="accordion-item">
<h2 class="accordion-header" id="flush-headingTwo">
<button class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo">
Add a HeaderMenu // DemoPages
<div id="flush-collapseTwo" class="accordion-collapse collapse">
<div class="accordion-body">
<p class="lead">To use a header menu and other Webpages in the Blog you have to install some other apps. For testing you can use
some demo pages</p>
<div class="container-fluid">
<div class="px-md-5 p-3 d-flex flex-column col-lg-6 justify-content-start text-left">
<p class="mb-3 lead">Go to·<br />
<a class="btn btn-link" href="https://im.allmendenetz.de/cloud/blogbasic-one"><span
class="lead"><b>https://im.allmendenetz.de/cloud/blogbasic-one</b></span></a>
<br />and download the ziped demo pages·<br /><br />
<a class="btn btn-link" href="https://im.allmendenetz.de/cloud/blogbasic-one/Blockbasic-One_DEMO_Blocks-Pages.zip"><span
class="lead"><b>https://im.allmendenetz.de/cloud/blogbasic-one/Blockbasic-One_DEMO_Blocks-Pages.zip</b></span></a>· · · · · · ·
· · · · · ·<br />to your desktop</p>
<div class="p-0 col-lg-6"> <img class="img-fluid d-block" src="cloud/blogbasic-one/wiki-photos/05-download-webpages.png"
alt="05-download-webpages.png" /> </div>
<div class="container-fluid">
<div class="px-md-5 p-3 d-flex flex-column col-lg-6 justify-content-start text-left">
<p class="mb-3 lead">Activate the webpage app <a class="btn btn-link" href="https://im.allmendenetz.de/webpages"><span
class="lead"><b>https://im.allmendenetz.de/webpages</b></span></a>
<div class="p-0 col-lg-6"> <img class="img-fluid d-block" src="cloud/blogbasic-one/wiki-photos/webpages.png" alt="webpages.png" />
</div>
<div class="container-fluid">
<div class="px-md-5 p-3 d-flex flex-column col-lg-6 justify-content-start text-left">
<p class="mb-3 lead">...and inport the ziped demopages you just downloaded.</p>
<div class="p-0 col-lg-6"> <img class="img-fluid d-block" src="cloud/blogbasic-one/wiki-photos/06-import-pages.png"
alt="06-import-pages.png" /> </div>
<div class="text-center mx-auto col-md-12">
<p class="lead">Unfortunately, the import does not always work reliably... There should be 7 documents.</p>
<div class="col-md-4 p-3"> <img class="img-fluid d-block" src="cloud/blogbasic-one/wiki-photos/07-blocks-2.png"
alt="07-blocks-2.png" /> </div>
<div class="col-md-4 p-3"> <img class="img-fluid d-block" src="cloud/blogbasic-one/wiki-photos/08-layouts.png" alt="08-layouts.png"
/> </div>
<div class="col-md-4 p-3"> <img class="img-fluid d-block" src="cloud/blogbasic-one/wiki-photos/09-pages.png" alt="09-pages.png" />
</div>
<div class="container-fluid">
<div class="px-md-5 p-3 d-flex flex-column col-lg-6 justify-content-start text-left">
<p class="mb-3 lead">You can also find the source Code fo the Demopages here:<br /><br />
<a class="btn btn-link" href="https://im.allmendenetz.de/wiki/blogbasic-one/Blockbasic-One_DEMO_Blocks-Pages/Home"><span
class="lead"><b>https://im.allmendenetz.de/wiki/blogbasic-one/Blockbasic-One_DEMO_Blocks-Pages/Home</b></span></a>· · · · · · ·
· · · · · · · · · · · · · · · · · · ·<br />for creating them manually in the Hubzilla webpageapp.</p>
<div class="p-0 col-lg-6"> <img class="img-fluid d-block" src="cloud/blogbasic-one/wiki-photos/10-wiki-pages.png"
alt="10-wiki-pages.png" /> </div>
<div class="container-fluid">
<div class="px-md-5 p-3 d-flex flex-column col-lg-6 justify-content-start text-left">
<p class="mb-3 lead">Edit under·<br /><br />
<a class="btn btn-link" href="https://im.allmendenetz.de/blocks"><span
class="lead"><b>https://im.allmendenetz.de/blocks</b></span></a><br /><br />Content and links of the DEMO HZ Blocks :·<br /><br
/>headmenue = horizontal navigation menu for the blog</p>
<div class="p-0 col-lg-6"> <img class="img-fluid d-block" src="cloud/blogbasic-one/wiki-photos/headmenu-1.png" alt="headmenu-1.png"
/> </div>
<div class="container-fluid">
<div class="px-md-5 p-3 d-flex flex-column col-lg-6 justify-content-start text-left">
<p class="mb-3 lead">Edit the links...<br /><br /><br />Where links with "YourChannelName" are defined in the DEMO block
"headmenue", enter the name of your channel instead.·<br /><br /></p>
<div class="p-0 col-lg-6"> <img class="img-fluid d-block" src="cloud/blogbasic-one/wiki-photos/edit-links-2.png"
alt="edit-links-2.png" /> </div>
<div class="container-fluid">
<div class="px-md-5 p-3 d-flex flex-column col-lg-6 justify-content-start text-left">
<p class="mb-3 lead">Edit the names of the link.... </p>
<div class="p-0 col-lg-6"> <img class="img-fluid d-block" src="cloud/blogbasic-one/wiki-photos/edit-name2.png" alt="edit-name2.png"
/> </div>
<div class="d-flex flex-column justify-content-center p-3 col-lg-12">
<p class="lead mb-0">Create new menu links to apps, written posts, create articles, webpages etc. by adding a new line...<br /><br
/>Edit the content of the DEMO HZ blocks as desired·<br /><br /><br />blogheader = Pin to Top InfoText for blog·<br
/>articlesheader = Pin to Top InfoText for articles·<br />personalfooter = Footer for blog/article posts·<br />space = dummy
spacer --- better not edit for now.<br /><br /><br /><br /></p>
<div class="accordion-item">
<h2 class="accordion-header" id="flush-headingThree">
<button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree">
<div id="flush-collapseThree" class="accordion-collapse collapse show">
<div class="accordion-body">
<p class="lead">The following additional settings may be useful for the theme:</p>
<div class="container-fluid">
<div class="px-md-5 p-3 d-flex flex-column col-lg-6 justify-content-start text-left">
<p class="mb-3 lead">Under<br /><a class="btn btn-link" href="https://im.allmendenetz.de/settings/channel_home"><span
class="lead"><b>https://im.allmendenetz.de/settings/channel_home</b></span></a><br /><br /><i>Use blog/list mode -· ONE·</i><br
/><br /><i>Max height of content (in pixels)· -· 5000 </i></p>
<div class="p-0 col-lg-6"> <img class="img-fluid d-block" src="cloud/blogbasic-one/wiki-photos/channel-home-settings.png"
alt="channel-home-settings.png" /> </div>
<div class="container-fluid">
<div class="px-md-5 p-3 d-flex flex-column col-lg-6 justify-content-start text-left">
<p class="mb-3 lead">Under·<br />
<a class="btn btn-link" href="https://im.allmendenetz.de/settings/editor"><span
class="lead"><b>https://im.allmendenetz.de/settings/editor</b></span></a>·<br /><br />among others options enable·<br /><br
/><i>"Disable Comments Provide the option to disable comments for a post"</i>·<br /><br />and·<br /><br /><i>"Markdown" </i></p>
<div class="p-0 col-lg-6"> <img class="img-fluid d-block" src="cloud/blogbasic-one/wiki-photos/editor-settings.png"
alt="editor-settings.png" /> </div>
<div class="container-fluid">
<div class="px-md-5 p-3 d-flex flex-column col-lg-6 justify-content-start text-left">
<p class="mb-3 lead">Under<br />
<a class="btn btn-link" href="https://im.allmendenetz.de/settings/display"><span
class="lead"><b>https://im.allmendenetz.de/settings/display</b></span></a><br /><i>Display Settings > Content settings·</i><br
/><br />"Link post titles to source"· ·- YES </p>
<div class="p-0 col-lg-6"> <img class="img-fluid d-block" src="cloud/blogbasic-one/wiki-photos/Link-to-source.png"
alt="Link-to-source.png" /> </div>
<div class="container-fluid">
<div class="px-md-5 p-3 d-flex flex-column col-lg-6 justify-content-start text-left">
<p class="mb-3 lead">Activating the Article App. <br /> Wiki and Gallery App extend the possibilities of the blog as well·<br
/><br />
<a class="btn btn-link" href="https://im.allmendenetz.de/apps/available"><span
class="lead"><b>https://im.allmendenetz.de/apps/available</b></span></a></p>
<div class="p-0 col-lg-6"> <img class="img-fluid d-block" src="cloud/blogbasic-one/wiki-photos/Artikel-install.png"
alt="Artikel-install.png" /> </div>
<p class="lead">·To accept comments from also outside the Fediverse go to<br />
<a class="btn btn-link" href="https://im.allmendenetz.de/settings"><span
class="lead"><b>https://im.allmendenetz.de/settings</b></span></a><br /><i>Channel Setting > Basic Setting</i><br /><br />and
set <b>"Channel role" to "Custom"</b><br /><br />than go to·<br /><br />
<a class="btn btn-link" href="https://im.allmendenetz.de/settings/privacy"><span
class="lead"><b>https://im.allmendenetz.de/settings/privacy</b></span></a>
<br /><i>> Privacy Settings > Advanced configuration > Accept the risk and continue</i><br /><br />and set the permission
<b>"Can comment on or like my posts"</b> to<br /><br /><b>"Anybody on the internet"</b><br /><br />if you set it to·<br /><br
/><b>"Anybody authenticated"</b><br /><br />Commends and likes are just allowed for folks in the Fediverse</p>
<p class="lead">You can arrange components of the theme as desired.·<br /><br />E.G. you could deactivate the built-in site-footer
for the /Channel page, if you go to<br /><br />
<a class="btn btn-link" href="https://im.allmendenetz.de/pdledit_gui/channel"><span
class="lead"><b>https://im.allmendenetz.de/pdledit_gui/channel</b></span></a>· ·> SOURCE·<br /><br />and delete the widget
"Sitefooter"·<br /><br />[widget=Sitefooter][/widget]·<br /><br />from the footer.··<br /><br /></p>
<!-- Arkordion-03-inhalt ENDE -->
<p class="lead">The CSS of the theme still has a few edges here and there that I have not yet been able to smooth out. The theme
is still BETA. You are one of the first to see my work. If you notice anything, please let me know. Contact this Channel and write
Feedback here:
<a class="btn btn-link" href="https://im.allmendenetz.de/item/1ac5f5c9-919d-4319-9d00-cbfa6fd66936"><span
class="lead"><b>https://im.allmendenetz.de/item/1ac5f5c9-919d-4319-9d00-cbfa6fd66936</b></span></a> Thanks
