<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Posts | Alex Hildebrandt</title><link>https://alexhildebrandt.de/post/</link><atom:link href="https://alexhildebrandt.de/post/index.xml" rel="self" type="application/rss+xml"/><description>Posts</description><generator>Source Themes Academic (https://sourcethemes.com/academic/)</generator><language>en-us</language><image><url>https://alexhildebrandt.de/images/icon_hu4c6883ab8262edd297260ea54e77bd73_39834_512x512_fill_lanczos_center_2.png</url><title>Posts</title><link>https://alexhildebrandt.de/post/</link></image><item><title>Web of things, knowledge graphs, decentralised AI and responsible AI</title><link>https://alexhildebrandt.de/post/web-of-things-knowledge-graphs-decentralised-ai-and-responsible-ai/</link><pubDate>Thu, 04 Jun 2020 00:00:00 +0000</pubDate><guid>https://alexhildebrandt.de/post/web-of-things-knowledge-graphs-decentralised-ai-and-responsible-ai/</guid><description>
&lt;p>This post will inform about topics on artificial intelligence relevant for the &lt;strong>&lt;em>INDUSTRY 4.0&lt;/em>&lt;/strong>. Four topics are discussed:&lt;/p>
&lt;ul>
&lt;li>Web of things&lt;/li>
&lt;li>Knowledge graphs&lt;/li>
&lt;li>Decentralized artificial intelligence&lt;/li>
&lt;li>Responsible artificial intelligence&lt;/li>
&lt;/ul>
&lt;hr />
&lt;div id="iot-wot" class="section level3">
&lt;h3>IoT &amp;amp; WoT&lt;/h3>
&lt;p>IoT is the abbreviation for &lt;strong>&lt;em>Internet of Things&lt;/em>&lt;/strong> (IoT). In general, the term &lt;em>IoT&lt;/em> is used to connect everyday objects of machines in a private or an industrial environment via the internet. Devices get unique IDs in the network. They have electric intelligence and can communicate through the internet and finish tasks full automatically. They are called &lt;strong>&lt;em>Smart Devices&lt;/em>&lt;/strong>.&lt;/p>
&lt;p>In addition to the possibility of the devices communicating with each other (machine-to-machine communication, M2M), many of the networked objects provide an interface via the Internet, via which the devices can be operated and controlled by a user from any location.&lt;/p>
&lt;p>The IoT distinguishes between &lt;strong>private and industrial use&lt;/strong>. In private, everyday objects are linked together (smart home or smart metering such as controlling audio boxes, thermostats, security systems, etc.). In the industrial environment, the term IoT is also used to refer to Industry 4.0. This means, among other things, the self-organization of industrial processes through the direct communication of machines, systems, goods and people. Not only individual processes, but entire value chains can be automated and made more efficient. Industrial application examples would be e.g. the monitoring of transport routes (just-in-time delivery) or the monitoring of medical processes.&lt;/p>
&lt;p>&lt;strong>WoT&lt;/strong> is a sub-area of the IoT. The prerequisite for both is that the smart devices have embedded computers and can communicate with the Internet / Web. Communication with the web can be wired or wireless. Wireless communication technologies would be e.g. WLAN, Bluetooth or cellular standards like UMTS and LTE. The WoT technology is based on software standards and frameworks such as representational state transfer (&lt;strong>REST&lt;/strong>) and &lt;strong>HTTP&lt;/strong>. Applications in which smart devices interact with one another can be implemented via the Internet address. In the industrial environment, RFID technology (radio-frequency-identification) plays an important role in identifying goods and tracking them in logistical processes.&lt;/p>
&lt;p>Networking on the Internet also creates opportunities for attack by dialing in or disrupting processes and unauthorized use of data or data-tapping. Therefore, the participating components must be protected against attacks such as denial-of-service attacks or malware. The following security aspects have to be considered with the IoT.&lt;/p>
&lt;ul>
&lt;li>Wirksames und zuverlässiges Identitäts- und Zugriffsmanagement,&lt;/li>
&lt;li>Verschlüsselung sämtlicher über das öffentliche Internet übertragener Daten,&lt;/li>
&lt;li>Schutz der einzelnen Systeme durch Firewalls oder Firewall-ähnliche Funktionen,&lt;/li>
&lt;li>effektive Härtung der Systeme zu Minimierung der Angriffsmöglichkeiten sowie&lt;/li>
&lt;li>Software- und Patchmanagement über den kompletten Betriebszeitraum der Systeme zur Behebung von erkannten Fehlern und Sicherheitsmängeln.&lt;/li>
&lt;/ul>
&lt;hr />
&lt;/div>
&lt;div id="knowledge-graphs" class="section level3">
&lt;h3>Knowledge graphs&lt;/h3>
&lt;p>Knowledge graphs can be created by accumulating every day digital information into one structure.&lt;/p>
&lt;div class="figure">
&lt;img src="https://alexhildebrandt.de/post/webofthings_/knowledgegraph.jpg" alt="Fig. 2: Knowledge graph of google" />
&lt;p class="caption">Fig. 2: Knowledge graph of google&lt;/p>
&lt;/div>
&lt;p>Internet giants and companies from other industries such as BBC,AstraZeneca and Capital One are using knowledge graphs to harness the knowledge of all data available.&lt;/p>
&lt;div id="what-is-a" class="section level4">
&lt;h4>What is a&lt;/h4>
&lt;hr />
&lt;/div>
&lt;/div>
&lt;div id="decentralized-artificial-intelligence" class="section level3">
&lt;h3>Decentralized artificial intelligence&lt;/h3>
&lt;hr />
&lt;/div>
&lt;div id="resposnsible-artificial-intelligence" class="section level3">
&lt;h3>Resposnsible artificial intelligence&lt;/h3>
&lt;/div></description></item><item><title>Exosomes: biogenesis, function and clinical potential</title><link>https://alexhildebrandt.de/post/exosomes-biogenesis-function-and-clinical-potential/</link><pubDate>Thu, 28 May 2020 00:00:00 +0000</pubDate><guid>https://alexhildebrandt.de/post/exosomes-biogenesis-function-and-clinical-potential/</guid><description>
&lt;div id="exosomes-biogenesis-function-and-clinical-potential" class="section level2">
&lt;h2>Exosomes: biogenesis, function and clinical potential&lt;/h2>
&lt;div id="about-exosomes" class="section level4">
&lt;h4>About Exosomes:&lt;/h4>
&lt;p>Exosomes are small (30-100 nm) biovesicles which are released by all kind of cells into body fluids like blood and urine. In the beginning they thought to be waste resulting from cell damage or by-products of cell homeostasis but recent studies show that they have an important role in intercellular communication through their cargo which may play a role in processes such as signal transduction, antigen presentation and immune response. The cargo of exosomes consists of lipids, proteins and nucleic acids and is enclosed or exposed on the surface. Thereby a large variety have been identified from different cell types with about 4400 proteins, 194 lipids, 1639 mRNAs and 764 miRNAs beside other RNA-species. But the content is strongly dependend on the source of origin. In human plasma derived exosomal RNA species microRNAs (miRNAs)are found to be most abundant. Making up of 42.32% of all raw reads and 76.20% of all mappable reads. Other RNA species including ribosomal RNA (9% of all mappable counts), long non-coding RNAs (3.36%), small nuclear RNA (0.18%) and small nucleor RNA (0.01%). The miRNA profile can provide information about whether changed processes are taking place and provide information about the development of diseases. miR-214, miR-29a, miR-126 and miR-320, which participate in angiogenesis, hematopoiesis, exocytosis and tumorgenesis for example are already mentioned in exosome-based intercellular communication. Since exosomes can be found in all body fluids, they are easily accessible in everyday clinical practice (for example blood derived plasma Exosomes) and could serve as markers for the physiological state through validated studies.&lt;/p>
&lt;hr />
&lt;/div>
&lt;div id="extracellular-vesicles-and-the-biogenesis-of-exosomes" class="section level4">
&lt;h4>Extracellular vesicles and the biogenesis of exosomes:&lt;/h4>
&lt;p>Extracellular vesicles (EVs) interact with and modify the behavior of target cells. Thereby EVs can be devided into three major groups: plasma membrane-budded microvesicles (MVs), apoptotic bodies and exosomes. Figure 1 illustrates the biogenesis of exosomes and MVs:&lt;/p>
&lt;div class="figure">
&lt;img src="https://alexhildebrandt.de/post/2020-05-28-exosomes-biogenesis-function-and-clinical-potential_files/biogenesis_ev.jpg" alt="Fig. 1. Schematic representation of exosome and microvesicle biogenesis pathways. While microvesicles bud directly from the plasma membrane, exosomes are generated within MVB subpopulations that upon maturation fuse with the plasma membrane. Alternative MVB pathways include fusion with lysosomes or with autophagosomes, although little is known about the mechanisms determining MVB fate. MVB fusion with the plasma membrane is a tightly regulated multistep process that includes MVB trafficking along microtubules, docking at the plasma membrane and SNARE-mediated fusion. (https://doi.org/10.1016/j.pharmthera.2018.02.013) license" />
&lt;p class="caption">Fig. 1. Schematic representation of exosome and microvesicle biogenesis pathways. While microvesicles bud directly from the plasma membrane, exosomes are generated within MVB subpopulations that upon maturation fuse with the plasma membrane. Alternative MVB pathways include fusion with lysosomes or with autophagosomes, although little is known about the mechanisms determining MVB fate. MVB fusion with the plasma membrane is a tightly regulated multistep process that includes MVB trafficking along microtubules, docking at the plasma membrane and SNARE-mediated fusion. (&lt;a href="https://doi.org/10.1016/j.pharmthera.2018.02.013" class="uri">https://doi.org/10.1016/j.pharmthera.2018.02.013&lt;/a>) &lt;a href="https://creativecommons.org/licenses/by/4.0/">license&lt;/a>&lt;/p>
&lt;/div>
&lt;p>Thereby the ESCRT complex composed of four seperate proteins (ESCRTs 0 to III) facilitates MVB (multivesicular body) formation, vesicle budding and protein cargo sorting. Exosomes are part of the MVBs. MVBs can either fuse with the plasma membrane to secrete exosomes or degrade their cargo by fusing with lysosomes. A shifted balance towards exosomal cargo release was observed from transformed cells.&lt;/p>
&lt;p>MVBs that are intended for exocytosis are transported along microtubules by the molecular motor kinesin. The release of MVBs might be cell type-specific and can not be described generally. The processes involved have different actors and can differ in their mechanisms. E.g. it has been shown that RAB35 mediates MVB docking in oligodendroglial cells, wheras RAB27 controls this process in several cancer cell lines (in vivo and in vitro). After docking the fusion of the MVBs with the plasma membrane is initiated by the SNARE (soluble N-ethylmaleimide-sensitive component attachment protein receptor) membrane fusion machinery. There, also different acotrs in different cell types were observed.&lt;/p>
&lt;p>Finally exosomes are released into the extracellular space. Here they interact with the extracellular matrix and cells in the microenvironment. They can also enter the circulation via lymph of blood. It has to be mentioned that some studies report that in certain cell-types a proportion of exosomes remains attached to the cell surface. Here they might function as signaling platforms for juxtacrine communication.&lt;/p>
&lt;hr />
&lt;/div>
&lt;div id="function-of-exosomes" class="section level4">
&lt;h4>Function of exosomes:&lt;/h4>
&lt;p>Exosomes are small mini versions of their original cell. In a way they reflect the &lt;em>status quo&lt;/em> of the cell. And they serve to transmit bioactive molecules. Depending on the type molecule, they can trigger very different processes.&lt;/p>
&lt;p>The bioactive molecules contained in exosomes have been shown to impact target cells via the following mechanisms: &lt;strong>(1)&lt;/strong> direct stimulation of target cells via surface-bound ligands; &lt;strong>(2)&lt;/strong> transfer of activated receptors to recipient cells; and &lt;strong>(3)&lt;/strong> epigenetic reprogramming of recipient cells via delivery of functional proteins, lipids, and RNAs (Fig. 2).&lt;/p>
&lt;div class="figure">
&lt;img src="https://alexhildebrandt.de/post/2020-05-28-exosomes-biogenesis-function-and-clinical-potential_files/function_ex.png" alt="Fig. 2 The schematic diagram of pathways involved in exosome mediated cell-to-cell communication. (1) Exosomes signal recipient cells via direct surface-bound ligands. (2) Exosomes transfer activated receptors to recipient cells. (3) Exosomes may epigenetically reprogram recipient cells via delivery of functional proteins, lipids, and RNAs (Zhang, Yuan, Liu, Yunfeng, Liu, Haiying, Tang, Wai Ho: 2019: Exosomes: Biogenesis, biologic function and clinical potential) license" />
&lt;p class="caption">Fig. 2 The schematic diagram of pathways involved in exosome mediated cell-to-cell communication. (1) Exosomes signal recipient cells via direct surface-bound ligands. (2) Exosomes transfer activated receptors to recipient cells. (3) Exosomes may epigenetically reprogram recipient cells via delivery of functional proteins, lipids, and RNAs (Zhang, Yuan, Liu, Yunfeng, Liu, Haiying, Tang, Wai Ho: 2019: Exosomes: Biogenesis, biologic function and clinical potential) &lt;a href="https://creativecommons.org/licenses/by/4.0/">license&lt;/a>&lt;/p>
&lt;/div>
&lt;/div>
&lt;div id="proteins" class="section level4">
&lt;h4>Proteins&lt;/h4>
&lt;p>Exosomes are enriched in proteins, such as tetraspanins (CD9, CD63, CD81, CD82). They are present in processes like cell penetration, invasion and fusion tasks; heat shok proteins HSP70, HSP90): MVB formation proteins that are involved in exosome release (Alix, TSG101): Proteins responsible for membrane transport and fusion(annexins and Rab): proteins enriched in exosomes are used as marker proteins (e.g. TSG101, HSP70, CD81, CD63). Table 1 is a summary of protein components found in exosomes.&lt;/p>
&lt;div class="figure">
&lt;img src="https://alexhildebrandt.de/post/2020-05-28-exosomes-biogenesis-function-and-clinical-potential_files/table_protein.png" alt="Table 1: Common protein components of exosomes. license" />
&lt;p class="caption">Table 1: Common protein components of exosomes. &lt;a href="https://creativecommons.org/licenses/by/4.0/">license&lt;/a>&lt;/p>
&lt;/div>
&lt;/div>
&lt;div id="rnas" class="section level4">
&lt;h4>RNAs&lt;/h4>
&lt;p>Beside proteins all kinds of RNA species are found in exosomes. miRNAs can transfered through exosomes can change the phenotype of the recipient cells transient or persistent. lncRNAs and circRNAs can be found as well and are reported to have impact of a variety of biological processes. lncRNA TUC339 was highly significant expressed and linked to modulating tumor cell growth and adhesion. Other lncRNAs were linked to different diseases: lncRNA CRNDE-h in colorectal cancer , lncARSR in sunitinib resistance of renal cancer, lncRNA Hotair in rheumatoid arthritis, lincRNA-p21 and ncRNA-CCND1 in bleomycin-induced DNA damage.&lt;/p>
&lt;/div>
&lt;div id="lipids" class="section level4">
&lt;h4>Lipids&lt;/h4>
&lt;p>Generally, exosomes are enriched in phos- phatidylserine (PS), phosphatidic acid, cholesterol, sphingomyelin (SM), arachidonic acid and other fatty acids, prostaglandins, and leukotrienes, which account for their stability and structural rigidity. Table 2 is showing some bioactive lipids in exosomes:&lt;/p>
&lt;div class="figure">
&lt;img src="https://alexhildebrandt.de/post/2020-05-28-exosomes-biogenesis-function-and-clinical-potential_files/table_lipid.png" alt="Table 2: Bioactive lipids in exosomes. license" />
&lt;p class="caption">Table 2: Bioactive lipids in exosomes. &lt;a href="https://creativecommons.org/licenses/by/4.0/">license&lt;/a>&lt;/p>
&lt;/div>
&lt;hr />
&lt;/div>
&lt;div id="clinical-potential" class="section level4">
&lt;h4>Clinical potential:&lt;/h4>
&lt;p>Since exosomes can be found in many different biofluids (urine, saliva, breast milk, cerebrospinal fluid, semen, amniotic fluid, ascites) that can be obtained with non-invasive metnods, the diagnostic potential of exosomes is very high. The profile and level of individual bioactive molecules could be used as a basis for decision-making. However, this information is not yet used in everyday clinical practice.&lt;/p>
&lt;p>The clinical potential of exosomes opens up not only because of the diagnostic but also because of the therapeutic possibilities. Generally, a variety of therapeutic material, such as short interfering-RNA (siRNA), antagomirs, recombinant proteins, and anti-inflammatory drugs, can be encapsu- lated for exosome-mediated delivery via several delivery approaches, including: &lt;strong>(1)&lt;/strong> Isolation of exosomes from donor cells ex vivo, and incorporated therapeutic agents into exosomes; &lt;strong>(2)&lt;/strong> Encapsulation of donor cells with the therapeutic agent, which can be sorted into exosomes while exosomal formation; &lt;strong>(3)&lt;/strong> Transfection of donor cells with the drug-encoding DNA, which can be expressed and sorted into exosomes.&lt;/p>
&lt;hr />
&lt;/div>
&lt;div id="references" class="section level4">
&lt;h4>References:&lt;/h4>
&lt;p>Zhang, Yuan, Liu, Yunfeng, Liu, Haiying, Tang, Wai Ho: 2019: Exosomes: Biogenesis, biologic function and clinical potential&lt;/p>
&lt;hr />
&lt;/div>
&lt;/div></description></item><item><title>Django admin backend</title><link>https://alexhildebrandt.de/post/django-admin-backend/</link><pubDate>Wed, 20 May 2020 00:00:00 +0000</pubDate><guid>https://alexhildebrandt.de/post/django-admin-backend/</guid><description>
&lt;div id="create-an-admin-user-for-the-backend" class="section level2">
&lt;h2>Create an admin user for the backend&lt;/h2>
&lt;p>When starting a django project an admin backend is created automatically. To hace access to this backend first a superuser has to be created. Before this can be done you have to migrate databases with the following command (virtual environement activated):&lt;/p>
&lt;pre>&lt;code>pyhton3 manag3.py makemigrations
pyhton3 manag3.py migrate&lt;/code>&lt;/pre>
&lt;p>This ensures that all tables are available in the backend. Next you need to create a superuser with:&lt;/p>
&lt;pre>&lt;code>python3 manage.py createsuperuser&lt;/code>&lt;/pre>
&lt;p>After typing name and password of the backend admin you can launch it.&lt;/p>
&lt;hr />
&lt;/div></description></item><item><title>Django Database</title><link>https://alexhildebrandt.de/post/django-database/</link><pubDate>Wed, 20 May 2020 00:00:00 +0000</pubDate><guid>https://alexhildebrandt.de/post/django-database/</guid><description>
&lt;div id="handling-databases-in-django" class="section level2">
&lt;h2>Handling databases in Django&lt;/h2>
&lt;p>When starting a project sqlite is preinstalled. This database is in development sufficient. When going to production it is recommended to use postgresDB.&lt;/p>
&lt;p>In django you can create new databases within the models.py of your app. Each app will have its own databases. The code for a models entry could look like this:&lt;/p>
&lt;pre>&lt;code>from django.db import models
from django.utils impor timezone
from django.contrib.auth.models import User
class Post(models.Model):
title = models.CharField(max_length=100)
content = models.TextField()
date_posted = models.DateTimeField(default=timezone.now)
author = models.ForeignKey(User, on_delete=models.CASCADE)&lt;/code>&lt;/pre>
&lt;p>Here a database wiht the name &lt;strong>&lt;em>Post&lt;/em>&lt;/strong> is created. This table has different columns which are defined by the Fields parameter. You need to run &lt;em>python3 manage.py makemigrations&lt;/em> to get migration of the model. In the migrations directory now a file is created which holds all the informations. To see what sql is doing behind the scene you can type:&lt;/p>
&lt;pre>&lt;code>python3 manage.py sqlmigrate blog 0001&lt;/code>&lt;/pre>
&lt;p>&lt;strong>blog&lt;/strong> is the app name and &lt;strong>0001&lt;/strong> is the created filename in the migrations folder. The output is what you have to write in sql.&lt;/p>
&lt;p>Now you need to make the database available with:&lt;/p>
&lt;pre>&lt;code>python3 manage.py migrate&lt;/code>&lt;/pre>
&lt;p>If you want to use this database on a site you need to import it in the views.py file:&lt;/p>
&lt;pre>&lt;code>from django.shortcuts import render
from .models import Post
def home(request):
context = {
&amp;#39;posts&amp;#39;: Post.objects.all()
}
return render(request, &amp;#39;blog/home.html&amp;#39;, context)
def about(request):
return render(request, &amp;#39;blog/about.html&amp;#39;, {&amp;#39;title&amp;#39;: &amp;#39;About&amp;#39;})
&lt;/code>&lt;/pre>
&lt;p>If you want to make your models / databases available in the backend, you need to register the models in the admin.py file of your app:&lt;/p>
&lt;pre>&lt;code>from django.contrib import admin
from .models import Post
admin.site.register(Post)&lt;/code>&lt;/pre>
&lt;p>In the backend you can easy handle the models/databases. Create new entries and change metadata information.&lt;/p>
&lt;hr />
&lt;/div></description></item><item><title>Django templates</title><link>https://alexhildebrandt.de/post/django/</link><pubDate>Wed, 20 May 2020 00:00:00 +0000</pubDate><guid>https://alexhildebrandt.de/post/django/</guid><description>
&lt;div id="html-templates-in-django-how-to-inherit-layout" class="section level2">
&lt;h2>.html templates in Django &amp;amp; how to inherit layout&lt;/h2>
&lt;p>In Django it is a good practice to inherit layout. Therefor you first need to make a template directory in your app. There you can save a base.html. This site has the base layout of all sites which are extended wwith it. This is how a base.html file can look like:&lt;/p>
&lt;pre>&lt;code> {% load static %}
&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&amp;quot;en&amp;quot; dir=&amp;quot;ltr&amp;quot;&amp;gt;
&amp;lt;head&amp;gt;
&amp;lt;meta charset=&amp;quot;utf-8&amp;quot;&amp;gt;
&amp;lt;!-- Required meta tags --&amp;gt;
&amp;lt;meta charset=&amp;quot;utf-8&amp;quot;&amp;gt;
&amp;lt;meta name=&amp;quot;viewport&amp;quot; content=&amp;quot;width=device-width, initial-scale=1, shrink-to-fit=no&amp;quot;&amp;gt;
&amp;lt;!-- Bootstrap CSS --&amp;gt;
&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; href=&amp;quot;https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css&amp;quot; integrity=&amp;quot;sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm&amp;quot; crossorigin=&amp;quot;anonymous&amp;quot;&amp;gt;
&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot; href=&amp;quot;{% static &amp;#39;blog/main.css&amp;#39; %}&amp;quot;&amp;gt;
{% if title %}
&amp;lt;title&amp;gt; Django Blog - {{ title }} &amp;lt;/title&amp;gt;
{% else %}
&amp;lt;title&amp;gt; Django Blog &amp;lt;/title&amp;gt;
{% endif %}
&amp;lt;/head&amp;gt;
&amp;lt;body&amp;gt;
&amp;lt;header class=&amp;quot;site-header&amp;quot;&amp;gt;
&amp;lt;nav class=&amp;quot;navbar navbar-expand-md navbar-dark bg-steel fixed-top&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;container&amp;quot;&amp;gt;
&amp;lt;!-- clicking on django blog in the nav bar will go to blog-home of urls.py - blog --&amp;gt;
&amp;lt;a class=&amp;quot;navbar-brand mr-4&amp;quot; href=&amp;quot;{% url &amp;#39;blog-home&amp;#39; %}&amp;quot;&amp;gt;Django Blog&amp;lt;/a&amp;gt;
&amp;lt;button class=&amp;quot;navbar-toggler&amp;quot; type=&amp;quot;button&amp;quot; data-toggle=&amp;quot;collapse&amp;quot; data-target=&amp;quot;#navbarToggle&amp;quot; aria-controls=&amp;quot;navbarToggle&amp;quot; aria-expanded=&amp;quot;false&amp;quot; aria-label=&amp;quot;Toggle navigation&amp;quot;&amp;gt;
&amp;lt;span class=&amp;quot;navbar-toggler-icon&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;
&amp;lt;/button&amp;gt;
&amp;lt;div class=&amp;quot;collapse navbar-collapse&amp;quot; id=&amp;quot;navbarToggle&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;navbar-nav mr-auto&amp;quot;&amp;gt;
&amp;lt;!-- clicking on django blog in the nav bar will go to blog-home of urls.py - blog --&amp;gt;
&amp;lt;a class=&amp;quot;nav-item nav-link&amp;quot; href=&amp;quot;{% url &amp;#39;blog-home&amp;#39; %}&amp;quot;&amp;gt;Home&amp;lt;/a&amp;gt;
&amp;lt;!-- clicking on django blog in the nav bar will go to blog-about of urls.py - blog --&amp;gt;
&amp;lt;a class=&amp;quot;nav-item nav-link&amp;quot; href=&amp;quot;{% url &amp;#39;blog-about&amp;#39; %}&amp;quot;&amp;gt;About&amp;lt;/a&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;!-- Navbar Right Side --&amp;gt;
&amp;lt;div class=&amp;quot;navbar-nav&amp;quot;&amp;gt;
&amp;lt;a class=&amp;quot;nav-item nav-link&amp;quot; href=&amp;quot;#&amp;quot;&amp;gt;Login&amp;lt;/a&amp;gt;
&amp;lt;a class=&amp;quot;nav-item nav-link&amp;quot; href=&amp;quot;#&amp;quot;&amp;gt;Register&amp;lt;/a&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/nav&amp;gt;
&amp;lt;/header&amp;gt;
&amp;lt;main role=&amp;quot;main&amp;quot; class=&amp;quot;container&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;row&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;col-md-8&amp;quot;&amp;gt;
{% block content %}{% endblock %}
&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;col-md-4&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;content-section&amp;quot;&amp;gt;
&amp;lt;h3&amp;gt;Our Sidebar&amp;lt;/h3&amp;gt;
&amp;lt;p class=&amp;#39;text-muted&amp;#39;&amp;gt;You can put any information here you&amp;#39;d like.
&amp;lt;ul class=&amp;quot;list-group&amp;quot;&amp;gt;
&amp;lt;li class=&amp;quot;list-group-item list-group-item-light&amp;quot;&amp;gt;Latest Posts&amp;lt;/li&amp;gt;
&amp;lt;li class=&amp;quot;list-group-item list-group-item-light&amp;quot;&amp;gt;Announcements&amp;lt;/li&amp;gt;
&amp;lt;li class=&amp;quot;list-group-item list-group-item-light&amp;quot;&amp;gt;Calendars&amp;lt;/li&amp;gt;
&amp;lt;li class=&amp;quot;list-group-item list-group-item-light&amp;quot;&amp;gt;etc&amp;lt;/li&amp;gt;
&amp;lt;/ul&amp;gt;
&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/main&amp;gt;
&amp;lt;!-- Optional JavaScript --&amp;gt;
&amp;lt;!-- jQuery first, then Popper.js, then Bootstrap JS --&amp;gt;
&amp;lt;script src=&amp;quot;https://code.jquery.com/jquery-3.2.1.slim.min.js&amp;quot; integrity=&amp;quot;sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN&amp;quot; crossorigin=&amp;quot;anonymous&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;script src=&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js&amp;quot; integrity=&amp;quot;sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q&amp;quot; crossorigin=&amp;quot;anonymous&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;script src=&amp;quot;https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js&amp;quot; integrity=&amp;quot;sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl&amp;quot; crossorigin=&amp;quot;anonymous&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;/body&amp;gt;
&amp;lt;/html&amp;gt;&lt;/code>&lt;/pre>
&lt;p>The file refers to online available bootstrap and CSS stylesheets as well as to &lt;em>JacaScript&lt;/em> files.&lt;/p>
&lt;pre>&lt;code>&amp;lt;!-- Bootstrap CSS --&amp;gt;
&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; href=&amp;quot;https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css&amp;quot; integrity=&amp;quot;sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm&amp;quot; crossorigin=&amp;quot;anonymous&amp;quot;&amp;gt;
&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot; href=&amp;quot;{% static &amp;#39;blog/main.css&amp;#39; %}&amp;quot;&amp;gt;
&amp;lt;!-- Optional JavaScript --&amp;gt;
&amp;lt;!-- jQuery first, then Popper.js, then Bootstrap JS --&amp;gt;
&amp;lt;script src=&amp;quot;https://code.jquery.com/jquery-3.2.1.slim.min.js&amp;quot; integrity=&amp;quot;sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN&amp;quot; crossorigin=&amp;quot;anonymous&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;script src=&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js&amp;quot; integrity=&amp;quot;sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q&amp;quot; crossorigin=&amp;quot;anonymous&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;script src=&amp;quot;https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js&amp;quot; integrity=&amp;quot;sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl&amp;quot; crossorigin=&amp;quot;anonymous&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;
&lt;/code>&lt;/pre>
&lt;p>It has a navigation bar in the header of the page:&lt;/p>
&lt;pre>&lt;code>&amp;lt;header class=&amp;quot;site-header&amp;quot;&amp;gt;
&amp;lt;nav class=&amp;quot;navbar navbar-expand-md navbar-dark bg-steel fixed-top&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;container&amp;quot;&amp;gt;
&amp;lt;!-- clicking on django blog in the nav bar will go to blog-home of urls.py - blog --&amp;gt;
&amp;lt;a class=&amp;quot;navbar-brand mr-4&amp;quot; href=&amp;quot;{% url &amp;#39;blog-home&amp;#39; %}&amp;quot;&amp;gt;Django Blog&amp;lt;/a&amp;gt;
&amp;lt;button class=&amp;quot;navbar-toggler&amp;quot; type=&amp;quot;button&amp;quot; data-toggle=&amp;quot;collapse&amp;quot; data-target=&amp;quot;#navbarToggle&amp;quot; aria-controls=&amp;quot;navbarToggle&amp;quot; aria-expanded=&amp;quot;false&amp;quot; aria-label=&amp;quot;Toggle navigation&amp;quot;&amp;gt;
&amp;lt;span class=&amp;quot;navbar-toggler-icon&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;
&amp;lt;/button&amp;gt;
&amp;lt;div class=&amp;quot;collapse navbar-collapse&amp;quot; id=&amp;quot;navbarToggle&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;navbar-nav mr-auto&amp;quot;&amp;gt;
&amp;lt;!-- clicking on django blog in the nav bar will go to blog-home of urls.py - blog --&amp;gt;
&amp;lt;a class=&amp;quot;nav-item nav-link&amp;quot; href=&amp;quot;{% url &amp;#39;blog-home&amp;#39; %}&amp;quot;&amp;gt;Home&amp;lt;/a&amp;gt;
&amp;lt;!-- clicking on django blog in the nav bar will go to blog-about of urls.py - blog --&amp;gt;
&amp;lt;a class=&amp;quot;nav-item nav-link&amp;quot; href=&amp;quot;{% url &amp;#39;blog-about&amp;#39; %}&amp;quot;&amp;gt;About&amp;lt;/a&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;!-- Navbar Right Side --&amp;gt;
&amp;lt;div class=&amp;quot;navbar-nav&amp;quot;&amp;gt;
&amp;lt;a class=&amp;quot;nav-item nav-link&amp;quot; href=&amp;quot;#&amp;quot;&amp;gt;Login&amp;lt;/a&amp;gt;
&amp;lt;a class=&amp;quot;nav-item nav-link&amp;quot; href=&amp;quot;#&amp;quot;&amp;gt;Register&amp;lt;/a&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/nav&amp;gt;
&amp;lt;/header&amp;gt;&lt;/code>&lt;/pre>
&lt;p>And the main page consists of a sidebar and the individual content of each site:&lt;/p>
&lt;pre>&lt;code>&amp;lt;main role=&amp;quot;main&amp;quot; class=&amp;quot;container&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;row&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;col-md-8&amp;quot;&amp;gt;
{% block content %}{% endblock %}
&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;col-md-4&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;content-section&amp;quot;&amp;gt;
&amp;lt;h3&amp;gt;Our Sidebar&amp;lt;/h3&amp;gt;
&amp;lt;p class=&amp;#39;text-muted&amp;#39;&amp;gt;You can put any information here you&amp;#39;d like.
&amp;lt;ul class=&amp;quot;list-group&amp;quot;&amp;gt;
&amp;lt;li class=&amp;quot;list-group-item list-group-item-light&amp;quot;&amp;gt;Latest Posts&amp;lt;/li&amp;gt;
&amp;lt;li class=&amp;quot;list-group-item list-group-item-light&amp;quot;&amp;gt;Announcements&amp;lt;/li&amp;gt;
&amp;lt;li class=&amp;quot;list-group-item list-group-item-light&amp;quot;&amp;gt;Calendars&amp;lt;/li&amp;gt;
&amp;lt;li class=&amp;quot;list-group-item list-group-item-light&amp;quot;&amp;gt;etc&amp;lt;/li&amp;gt;
&amp;lt;/ul&amp;gt;
&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/main&amp;gt;&lt;/code>&lt;/pre>
&lt;p>Thereby the content of each site is refered with:&lt;/p>
&lt;pre>&lt;code>&amp;lt;div class=&amp;quot;col-md-8&amp;quot;&amp;gt;
{% block content %}{% endblock %}
&amp;lt;/div&amp;gt;&lt;/code>&lt;/pre>
&lt;p>The individual sites are also stored in the templates directory of your app and are extended with the base.html file. Sytax look like this:&lt;/p>
&lt;pre>&lt;code>{% extends &amp;quot;blog/base.html&amp;quot; %}
{% block content %}
&amp;lt;h1&amp;gt;About page!&amp;lt;/h1&amp;gt;
{% endblock content %}&lt;/code>&lt;/pre>
&lt;p>The navabar header is referencing his links with:&lt;/p>
&lt;pre>&lt;code>&amp;lt;div class=&amp;quot;navbar-nav mr-auto&amp;quot;&amp;gt;
&amp;lt;!-- clicking on django blog in the nav bar will go to blog-home of urls.py - blog --&amp;gt;
&amp;lt;a class=&amp;quot;nav-item nav-link&amp;quot; href=&amp;quot;{% url &amp;#39;blog-home&amp;#39; %}&amp;quot;&amp;gt;Home&amp;lt;/a&amp;gt;
&amp;lt;!-- clicking on django blog in the nav bar will go to blog-about of urls.py - blog --&amp;gt;
&amp;lt;a class=&amp;quot;nav-item nav-link&amp;quot; href=&amp;quot;{% url &amp;#39;blog-about&amp;#39; %}&amp;quot;&amp;gt;About&amp;lt;/a&amp;gt;
&amp;lt;/div&amp;gt;&lt;/code>&lt;/pre>
&lt;p>Thereby href=“{% url ‘blog-home’ %} refers to the urls.py file of the app. Syntax of the urls.py file looks like this:&lt;/p>
&lt;pre>&lt;code>from django.urls import path
from . import views
urlpatterns = [
path(&amp;#39;&amp;#39;, views.home, name=&amp;#39;blog-home&amp;#39;),
path(&amp;#39;about/&amp;#39;, views.about, name=&amp;#39;blog-about&amp;#39;),
]&lt;/code>&lt;/pre>
&lt;p>This file itself refers to the views.py file in the app directory. This file contains this code:&lt;/p>
&lt;pre>&lt;code> from django.shortcuts import render
posts = [
{
&amp;#39;author&amp;#39;:&amp;#39;Alex&amp;#39;,
&amp;#39;title&amp;#39; : &amp;#39;Blog Post 1&amp;#39;,
&amp;#39;content&amp;#39;: &amp;#39;First post content&amp;#39;,
&amp;#39;date_posted&amp;#39;: &amp;#39;May 20, 2020&amp;#39;
},
{
&amp;#39;author&amp;#39;:&amp;#39;Bettina&amp;#39;,
&amp;#39;title&amp;#39; : &amp;#39;Blog Post 2&amp;#39;,
&amp;#39;content&amp;#39;: &amp;#39;second post content&amp;#39;,
&amp;#39;date_posted&amp;#39;: &amp;#39;May 21, 2020&amp;#39;
}
]
def home(request):
context = {
&amp;#39;posts&amp;#39;: posts
}
return render(request, &amp;#39;blog/home.html&amp;#39;, context)
def about(request):
return render(request, &amp;#39;blog/about.html&amp;#39;, {&amp;#39;title&amp;#39;: &amp;#39;About&amp;#39;})
&lt;/code>&lt;/pre>
&lt;p>Each app has its own urls.py file. And the django project refers to this urls in the settings.py file in the project directory with this code:&lt;/p>
&lt;pre>&lt;code>....
from django.urls import path, include
from django.contrib import admin
urlpatterns = [
path(&amp;#39;admin/&amp;#39;, admin.site.urls),
path(&amp;#39;&amp;#39;, include(&amp;#39;blog.urls&amp;#39;)),
]
....&lt;/code>&lt;/pre>
&lt;hr />
&lt;div id="references-youtube-django-series" class="section level3">
&lt;h3>References: &lt;a href="https://youtu.be/qDwdMDQ8oX4">Youtube django series&lt;/a>&lt;/h3>
&lt;hr />
&lt;/div>
&lt;/div></description></item><item><title>Academic theme layout &amp; functionality</title><link>https://alexhildebrandt.de/post/academic-layout-functionality/</link><pubDate>Thu, 14 May 2020 00:00:00 +0000</pubDate><guid>https://alexhildebrandt.de/post/academic-layout-functionality/</guid><description>
&lt;p>&lt;a href="https://sourcethemes.com/academic/docs/get-started/">&lt;strong>Getting started&lt;/strong>&lt;/a>: Docs of Academic Theme&lt;/p>
&lt;hr />
&lt;p>&lt;strong>Alert Box&lt;/strong>&lt;/p>
&lt;p>&lt;div class="alert alert-note">
&lt;div>
some important content
&lt;/div>
&lt;/div>
&lt;/p>
&lt;hr /></description></item><item><title>Deploy Blogdown site with github &amp; netlify</title><link>https://alexhildebrandt.de/post/deploy-blogdown-site-with-github-netlify/</link><pubDate>Thu, 14 May 2020 00:00:00 +0000</pubDate><guid>https://alexhildebrandt.de/post/deploy-blogdown-site-with-github-netlify/</guid><description>
&lt;p>&lt;strong>Reference&lt;/strong>: &lt;a href="https://www.storybench.org/how-to-build-a-website-with-blogdown-in-r/">storybench&lt;/a>&lt;/p></description></item><item><title>Markdown cheat sheet</title><link>https://alexhildebrandt.de/post/markdown-cheat-sheet/</link><pubDate>Wed, 13 May 2020 00:00:00 +0000</pubDate><guid>https://alexhildebrandt.de/post/markdown-cheat-sheet/</guid><description>
&lt;div id="basic-stuff" class="section level1">
&lt;h1>Basic stuff&lt;/h1>
&lt;p>&lt;strong>bold text&lt;/strong> :&lt;/p>
&lt;pre>&lt;code>use asterics like this: **its bold**&lt;/code>&lt;/pre>
&lt;hr />
&lt;p>&lt;strong>italic text&lt;/strong> :&lt;/p>
&lt;pre>&lt;code>use underscore like this: _its italic_&lt;/code>&lt;/pre>
&lt;hr />
&lt;p>&lt;strong>&lt;em>bold &amp;amp; italic&lt;/em>&lt;/strong> :&lt;/p>
&lt;pre>&lt;code>use asterics and underscore **_bold&amp;amp;italic_**&lt;/code>&lt;/pre>
&lt;hr />
&lt;p>&lt;strong>header&lt;/strong>: use hash mark (the more the smaller the header become)&lt;/p>
&lt;pre>&lt;code>#header
##header
###header
####header&lt;/code>&lt;/pre>
&lt;hr />
&lt;p>&lt;strong>Links&lt;/strong> : &lt;a href="www.github.com">Inline links&lt;/a>&lt;/p>
&lt;pre>&lt;code>[Visit GitHub!](www.github.com)&lt;/code>&lt;/pre>
&lt;hr />
&lt;p>&lt;strong>Links&lt;/strong> : &lt;a href="www.github.com">Reference links&lt;/a>&lt;/p>
&lt;pre>&lt;code> Here&amp;#39;s [a link to something else][another place].
Here&amp;#39;s [yet another link][another-link].
And now back to [the first link][another place].
[another place]: www.github.com
[another-link]: www.google.com&lt;/code>&lt;/pre>
&lt;hr />
&lt;p>&lt;strong>Images&lt;/strong> : Inline image link with the titel &lt;em>Benjamin Bannekat&lt;/em>&lt;/p>
&lt;pre>&lt;code>![Benjamin Bannekat](https://octodex.github.com/images/bannekat.png&lt;/code>&lt;/pre>
&lt;div class="figure">
&lt;img src="https://octodex.github.com/images/bannekat.png" alt="Benjamin Bannekat" />
&lt;p class="caption">Benjamin Bannekat&lt;/p>
&lt;/div>
&lt;hr />
&lt;p>&lt;strong>Blockquotes&lt;/strong> : Just use the bigger than &lt;strong>‘&amp;gt;’&lt;/strong> character&lt;/p>
&lt;blockquote>
&lt;p>text with blockquote&lt;/p>
&lt;/blockquote>
&lt;hr />
&lt;p>&lt;strong>Lists&lt;/strong>: use asterics&lt;/p>
&lt;pre>&lt;code>* Milk
* Eggs
* Salmon
* Butter&lt;/code>&lt;/pre>
&lt;ul>
&lt;li>Milk&lt;/li>
&lt;li>Eggs&lt;/li>
&lt;li>Salmon&lt;/li>
&lt;li>Butter&lt;/li>
&lt;/ul>
&lt;hr />
&lt;div id="reference-markdown-tutorial-r-markdown-the-definitive-guide-pdf-cheat-sheet" class="section level3">
&lt;h3>Reference: &lt;a href="https://www.markdowntutorial.com/">&lt;em>Markdown tutorial&lt;/em>&lt;/a>, &lt;a href="https://bookdown.org/yihui/rmarkdown/">&lt;em>R Markdown: The definitive guide&lt;/em>&lt;/a>, &lt;a href="https://rstudio.com/wp-content/uploads/2015/06/rmarkdown-german.pdf">PDF cheat sheet&lt;/a>&lt;/h3>
&lt;/div>
&lt;/div></description></item></channel></rss>