4
This commit is contained in:
parent
392c5ce4b5
commit
eaff59442d
302
4.html
302
4.html
@ -45,44 +45,284 @@
|
||||
<small>Deutsche Angestellten Akademie</small>
|
||||
</p>
|
||||
|
||||
|
||||
</section>
|
||||
<section>
|
||||
<h2>Bash Scripting</h2>
|
||||
<h3>Einführung und Übung</h3>
|
||||
|
||||
<aside class="notes">
|
||||
Frage: Fragen zur letzten Stunde?
|
||||
Erste skripte, Übungen
|
||||
</aside>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>vim und emacs</h2>
|
||||
<h3>Die mächtigen Unix Editoren</h3>
|
||||
</section>
|
||||
|
||||
<section data-transition="slide" data-background="#4d7e65" data-background-transition="zoom">
|
||||
<h3>vim</h3>
|
||||
<ul>
|
||||
<li class="fragment">ein Editor für die shell </li>
|
||||
<li class="fragment">immer da, oft in der alten Variante „vi“ </li>
|
||||
<li class="fragment">Vi IMproved</li>
|
||||
<li class="fragment">komplett per Kürzel steuerbar </li>
|
||||
<li class="fragment">umfassend anpassbar </li>
|
||||
<li class="fragment">erweiterbar </li>
|
||||
<li class="fragment">syntax highlighting </li>
|
||||
<li class="fragment">vim ist einfach cool ;-)</li>
|
||||
</ul>
|
||||
|
||||
<h3>Bash Scripting - Warum sollte ich das tun??</h3>
|
||||
<ul>
|
||||
<li class="fragment">Automatisierung</li>
|
||||
<li class="fragment">Vereinfacht komplizierte Vorgänge</li>
|
||||
<li class="fragment">Verringert den Fehlerfaktor „Mensch“</li>
|
||||
<li class="fragment" >YOLO !!1!</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section data-transition="convex">
|
||||
<h3>Grundlegende Mechanismen</h3>
|
||||
</section>
|
||||
<section>
|
||||
<p> Begriffe
|
||||
<table style="font-size: .4em">
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="tabellentext">Wurzelverzeichnis / (engl. root)
|
||||
</td>
|
||||
<td class="tabellentext">Höchstes Verzeichnis im Verzeichnisbaum
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tabellentext">Aktuelles Arbeitsverzeichnis
|
||||
</td>
|
||||
<td class="tabellentext">Das Verzeichnis, in dem Sie sich im Augenblick befinden
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tabellentext">Vollständige Pfadangabe
|
||||
</td>
|
||||
<td class="tabellentext">Ein Pfadname beginnend mit / (Wurzel); alle anderen Verzeichnisse werden ebenfalls mit einem / getrennt.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tabellentext">Relative Pfadangabe
|
||||
</td>
|
||||
<td class="tabellentext">Der Pfad ist relativ zum aktuellen Arbeitsverzeichnis; hierbei wird kein voranstehendes / verwendet.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tabellentext">Vollständiger Dateiname
|
||||
</td>
|
||||
<td class="tabellentext">Pfadangabe inklusive Angabe zur entsprechenden Datei (bspw. /home/you/Dokumente/brief.txt)
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tabellentext">Vollständiger Pfadname
|
||||
</td>
|
||||
<td class="tabellentext">Pfadangabe zu einem Verzeichnis, in dem sich die entsprechende Datei befindet (bspw. /home/you/Dokumente)
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tabellentext"><b>..</b> (zwei Punkte)
|
||||
</td>
|
||||
<td class="tabellentext">Verweisen auf ein Inhaltsverzeichnis, das sich eine Ebene höher befindet
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tabellentext"><b>. </b>(ein Punkt)
|
||||
</td>
|
||||
<td class="tabellentext">Verweist auf das aktuelle Inhaltsverzeichnis
|
||||
</td>
|
||||
</tr>
|
||||
</tbody></table>
|
||||
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<p> Benennung von scripten
|
||||
|
||||
<ul>
|
||||
<li class="fragment ">(lieber) kein Name, den es bereits als Kommando gibt. Einfach testen mit <pre><code>which script_name</code></pre></li>
|
||||
<li class="fragment ">Nur die Zeichen {A..Z}, {a..z}, {0..9} und _ . Sonderzeichen und [space] vermeiden.</li>
|
||||
</ul>
|
||||
<p>
|
||||
|
||||
</section>
|
||||
<section style="font-size: .6em">
|
||||
|
||||
<h3>Sonderzeichen in der Shell
|
||||
<pre><code>; Befehls-Trennzeichen
|
||||
& Hintergrund-Verarbeitung
|
||||
( ) Befehls-Gruppierung
|
||||
| Pipe
|
||||
< > & Umlenkungssymbole
|
||||
* ? [ ] ~ + - @ ! Meta-Zeichen für Dateinamen
|
||||
` ` (Backticks) Befehls-Substitution
|
||||
$ Variablen-Substitution
|
||||
[newline] [space] [tab] Wort-Trennzeichen</code></pre>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<section>
|
||||
<h3>Variablen</h3>
|
||||
<pre><code> a=hello # einer Variablen "a" den Wert "hello" zuweisen
|
||||
echo $a # die Variable "a" stdout ausgeben
|
||||
a=7 # der Variablen "a" einen neuen Wert zuweisen
|
||||
b=8 # einer Variablen "b" den Wert "8" zuweisen
|
||||
c=$[a+b] # einer Variablen "c" die Summe von a+b zuweisen
|
||||
echo $c # die Variable "c" an stdout ausgeben</code></pre>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h3>vordefinierte Variablen ( Auszug ;-) )</h3>
|
||||
<pre><code>* Alle Aufrufparameter als ein String ("$*" == "$1 $2 $3 ...")
|
||||
@ Alle Aufrufparameter als einzelne Strings ("$@" == "$1" "$2" "$3" ...)
|
||||
# Anzahl der Aufrufparameter
|
||||
? Rückgabewert des letzten Kommandos
|
||||
$ Prozessnummer der aktiven Shell
|
||||
0 Name des aktuellen script
|
||||
ERRNO Fehlernummer des letzten fehlgeschlagenen Systemaufrufs
|
||||
PWD Aktuelles Verzeichnis (wird durch cd gesetzt)
|
||||
PATH Suchpfade
|
||||
USER Benutzername</code></pre>
|
||||
|
||||
<p>Beispiele
|
||||
<pre><code>echo $PATH</code></pre>
|
||||
<pre><code>echo $$</code></pre>
|
||||
|
||||
|
||||
<p><small>Mehr: <a href="http://wiki.bash-hackers.org/syntax/shellvars" target="_blank">http://wiki.bash-hackers.org/syntax/shellvars</a></small></p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<p>Var. Zuweisung: <pre><code>a=10</code></pre>
|
||||
<p>Var. Abruf: <pre><code>echo $a</code></pre>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<p>Programmstart
|
||||
<ul>
|
||||
<li class="fragment">Programm startet durch Aufruf : <pre><code>ls</code></pre></li>
|
||||
<li class="fragment">überall im Verz. Baum</li>
|
||||
<li class="fragment">Script muss executable gemacht werden<pre><code>chmod +x tolles_script.sh</code></pre></li>
|
||||
<li class="fragment">Script startet durch Aufruf<pre><code>./tolles-script.sh</code></pre></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
|
||||
<section style="font-size: .6em">
|
||||
<pre><code>#!/bin/bash
|
||||
clear
|
||||
echo "Diese Infos werden von mysystem.sh bereitgestellt."
|
||||
echo "Hallo, $USER"
|
||||
|
||||
echo "Heute ist der `date \"+%d.%m.%Y - %H:%M:%S\"`, dies ist Woche Nr. `date +"%V"`."
|
||||
echo
|
||||
|
||||
echo "Diese Benutzer sind im Moment verbunden:"
|
||||
w | cut -d " " -f 1 - | grep -v USER | sort -u
|
||||
echo
|
||||
|
||||
echo "Dies ist `uname -s` und wir laufen auf einem $(uname -m) Prozessor."
|
||||
echo
|
||||
|
||||
echo "Die uptime ist:"
|
||||
uptime
|
||||
|
||||
MSG="\nDas ist alles! Bye, $USER! \n\n"
|
||||
printf "${MSG}"</code></pre>
|
||||
|
||||
<small><a href="https://git.scytec.de/danthefan/linuxkurs/raw/master/beispiele/mysystem.sh" target="_blank">https://git.scytec.de/danthefan/linuxkurs/raw/master/beispiele/mysystem.sh</a></small>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<pre><code>echo "Hallo, $USER"</code></pre>
|
||||
<pre class="fragment"><code>echo "Heute ist der `date \"+%d.%m.%Y - %H:%M:%S\"` "</code></pre>
|
||||
<pre class="fragment"><code>w | cut -d " " -f 1 - | grep -v USER | sort -u</code></pre>
|
||||
<pre class="fragment"><code>`uname -s` vs $(uname -s) </code></pre>
|
||||
<pre class="fragment"><code>MSG="\nDas ist alles! Bye, $USER! \n\n"
|
||||
printf "${MSG}"</code></pre>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<p>Ausführende Shell festlegen ( sog. She-Bang )</p>
|
||||
<pre><code>#!/bin/bash</code></pre>
|
||||
<pre><code>#!/usr/bin/env ruby</code></pre>
|
||||
<pre><code>#!/usr/bin/env python3</code></pre>
|
||||
<pre><code>#!/usr/bin/php</code></pre>
|
||||
<span class="fragment">
|
||||
Nötig, damit die shell weiss, wie das script interpretiert werden soll.</span>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h3>Die 5 Level eines Vim Magiers</h3>
|
||||
<ul>
|
||||
<li>Level 0: nichts über vim wissen
|
||||
<li>Level 1: vim basics kennen
|
||||
<li>Level 2: den visual mode kennen
|
||||
<li>Level 3: diverse „motions“ kennen
|
||||
<li>Level 4: den visual mode nicht brauchen
|
||||
</ul>
|
||||
<p>https://danielmiessler.com/study/vim/
|
||||
</section>
|
||||
</div>
|
||||
<section>
|
||||
Script ohne she-bang:
|
||||
<pre><code>bash mysql-backpup.sh</code></pre>
|
||||
<pre><code>. mysql-backpup.sh</code></pre>
|
||||
<span class="fragment">oder
|
||||
<pre><code>php mysql-backpup.php</code></pre>
|
||||
<span class="fragment">oder
|
||||
<pre><code>ruby mysql-backpup.rb</code></pre>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<p>Prozess in der bash - Erklärung:</p>
|
||||
<div class="fragment">
|
||||
<p>neue Datei anlegen : finduser </p>
|
||||
<pre><code>#!/bin/bash
|
||||
find / -user dany -print 2>/dev/null</code></pre>
|
||||
</div>
|
||||
<div class="fragment">
|
||||
Dann im Terminal ausführen
|
||||
<pre><code>dany@laptop:~/bin$ chmod u+x finduser
|
||||
dany@laptop:~/bin$ ./finduser 1>/dev/null &</code></pre>
|
||||
|
||||
<pre><code>dany@laptop:~/bin$ ps -f</code></pre>
|
||||
</div>
|
||||
<aside class="notes">
|
||||
</aside>
|
||||
</section>
|
||||
|
||||
<section style="font-size: .7em">
|
||||
<pre><code>UID PID PPID C STIME TTY TIME CMD
|
||||
dany 4987 23893 0 12:50 pts/4 00:00:00 /bin/bash ./finduser
|
||||
dany 4988 4987 68 12:50 pts/4 00:00:01 find / -user dany -print
|
||||
dany 5011 23893 0 12:50 pts/4 00:00:00 ps -f
|
||||
dany 23893 4143 0 12:33 pts/4 00:00:00 bash
|
||||
</code></pre>
|
||||
<p class="fragment "> Die bash startet eine sub-shell, in der das Kommando ausgeführt wird
|
||||
<p class="fragment "> Der <span class="fragment highlight-red">Kontext</span> aller Script Variablen ist der der <span class="fragment highlight-red">sub-shell</span>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
Damit Script wie Programm startet:
|
||||
<ul>
|
||||
<li class="fragment ">Pfad d. Skriptes der $PATH Variable hinzufügen</li>
|
||||
<li class="fragment "><pre><code>export PATH=$PATH:/pfad/zum/script</code></pre></li>
|
||||
<li class="fragment ">muss in die .bashrc</li>
|
||||
<li class="fragment ">Best Practice: Scripte in Ordner <code>~/bin/</code> -> diesen zur <code>$PATH</code> dazu</li>
|
||||
</ul>
|
||||
|
||||
<aside class="notes">
|
||||
PATH nur in der aktuellen Sizung -> sonst in die .bashrc
|
||||
</aside>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
Ein weiteres Beispiel:
|
||||
<pre><code>#!/bin/bash
|
||||
suf=$1
|
||||
if [ $# -gt 0 ]
|
||||
then
|
||||
for file in *.$suf; do
|
||||
bn=`basename "$file" .$suf | tr [:blank:] _`
|
||||
new=$bn.$suf
|
||||
echo "neuer Dateiname:"
|
||||
echo $new
|
||||
mv "$file" $new
|
||||
done
|
||||
else
|
||||
echo "Verwendung: strip-space.sh SUFFIX"
|
||||
echo "Beende ...."
|
||||
fi
|
||||
</code></pre>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<p>Kommando Verkettung</p>
|
||||
|
||||
<ul>
|
||||
<li class="fragment ">this</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="lib/js/head.min.js"></script>
|
||||
|
||||
117
5.html
Normal file
117
5.html
Normal file
@ -0,0 +1,117 @@
|
||||
<!doctype html>
|
||||
<html lang="de">
|
||||
<meta charset="utf-8">
|
||||
|
||||
<title>Einführung in Linux</title>
|
||||
|
||||
<meta name="description" content="YALC - Yet Another Linux Course ">
|
||||
<meta name="author" content="Daniel Schubert">
|
||||
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
|
||||
<link rel="stylesheet" href="css/reveal.css">
|
||||
<link rel="stylesheet" href="css/theme/league.css" id="theme">
|
||||
|
||||
<link rel="icon" href="img/openlogo-nd-25.png" type="img/png">
|
||||
|
||||
<!-- Theme used for syntax highlighting of code -->
|
||||
<link rel="stylesheet" href="lib/css/zenburn.css">
|
||||
|
||||
<!-- Printing and PDF exports -->
|
||||
<script>
|
||||
var link = document.createElement( 'link' );
|
||||
link.rel = 'stylesheet';
|
||||
link.type = 'text/css';
|
||||
link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
|
||||
document.getElementsByTagName( 'head' )[0].appendChild( link );
|
||||
</script>
|
||||
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
<div class="reveal">
|
||||
<!-- Any section element inside of this container is displayed as a slide -->
|
||||
<div class="slides">
|
||||
|
||||
<section data-transition="slide" data-background="#4d7e65" data-background-transition="zoom">
|
||||
<h1>LINUX</h1>
|
||||
<h3>Das universelle Betriebssystem</h3>
|
||||
<p>Eine Einführung - Teil 4
|
||||
<p>
|
||||
<small>Deutsche Angestellten Akademie</small>
|
||||
</p>
|
||||
|
||||
<aside class="notes">
|
||||
Frage: Fragen zur letzten Stunde?
|
||||
</aside>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>vim und emacs</h2>
|
||||
<h3>Die mächtigen Unix Editoren</h3>
|
||||
</section>
|
||||
|
||||
<section data-transition="slide" data-background="#4d7e65" data-background-transition="zoom">
|
||||
<h3>vim</h3>
|
||||
<ul>
|
||||
<li class="fragment">ein Editor für die shell </li>
|
||||
<li class="fragment">immer da, oft in der alten Variante „vi“ </li>
|
||||
<li class="fragment">Vi IMproved</li>
|
||||
<li class="fragment">komplett per Kürzel steuerbar </li>
|
||||
<li class="fragment">umfassend anpassbar </li>
|
||||
<li class="fragment">erweiterbar </li>
|
||||
<li class="fragment">syntax highlighting </li>
|
||||
<li class="fragment">vim ist einfach cool ;-)</li>
|
||||
</ul>
|
||||
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h3>Die 5 Level eines Vim Magiers</h3>
|
||||
<ul>
|
||||
<li>Level 0: nichts über vim wissen
|
||||
<li>Level 1: vim basics kennen
|
||||
<li>Level 2: den visual mode kennen
|
||||
<li>Level 3: diverse „motions“ kennen
|
||||
<li>Level 4: den visual mode nicht brauchen
|
||||
</ul>
|
||||
<p>https://danielmiessler.com/study/vim/
|
||||
</section>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script src="lib/js/head.min.js"></script>
|
||||
<script src="js/reveal.js"></script>
|
||||
|
||||
<script>
|
||||
|
||||
// More info https://github.com/hakimel/reveal.js#configuration
|
||||
Reveal.initialize({
|
||||
controls: true,
|
||||
progress: true,
|
||||
history: true,
|
||||
center: true,
|
||||
|
||||
transition: 'slide', // none/fade/slide/convex/concave/zoom
|
||||
|
||||
// More info https://github.com/hakimel/reveal.js#dependencies
|
||||
dependencies: [
|
||||
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
|
||||
{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
|
||||
{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
|
||||
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
|
||||
{ src: 'plugin/search/search.js', async: true },
|
||||
{ src: 'plugin/zoom-js/zoom.js', async: true },
|
||||
{ src: 'plugin/notes/notes.js', async: true }
|
||||
]
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
5
beispiele/create_files_with_space.sh
Normal file
5
beispiele/create_files_with_space.sh
Normal file
@ -0,0 +1,5 @@
|
||||
#!/bin/bash
|
||||
|
||||
for f in {1..9}; do
|
||||
touch "$f xx.txt"
|
||||
done
|
||||
5
beispiele/files/create_files_with_space.sh
Normal file
5
beispiele/files/create_files_with_space.sh
Normal file
@ -0,0 +1,5 @@
|
||||
#!/bin/bash
|
||||
|
||||
for f in {1..9}; do
|
||||
touch "$f xx.txt"
|
||||
done
|
||||
3
beispiele/finduser.sh
Normal file
3
beispiele/finduser.sh
Normal file
@ -0,0 +1,3 @@
|
||||
#!/bin/bash
|
||||
|
||||
find / -user dany -print 2>/dev/null
|
||||
@ -1,20 +1,24 @@
|
||||
#!/bin/bash
|
||||
clear
|
||||
|
||||
echo "Diese Infos werden von mysystem.sh bereitgestellt."
|
||||
echo
|
||||
|
||||
echo "Hallo, $USER"
|
||||
echo
|
||||
|
||||
echo "Heute ist der `date \"+%d.%m.%Y - %H:%M:%S\"`, dies ist Woche Nr. `date +"%V"`."
|
||||
echo
|
||||
|
||||
echo "Diese Benutzer sind im Moment verbunden:"
|
||||
w | cut -d " " -f 1 - | grep -v USER | sort -u
|
||||
echo
|
||||
echo "Dies ist `uname -s` und wir laufen auf einem `uname -m` Prozessor."
|
||||
|
||||
echo "Dies ist `uname -s` und wir laufen auf einem $(uname -m) Prozessor."
|
||||
echo
|
||||
|
||||
echo "Die uptime ist:"
|
||||
uptime
|
||||
echo
|
||||
|
||||
echo "Das ist alles!"
|
||||
MSG="\nDas ist alles! Bye, $USER! \n\n"
|
||||
printf "${MSG}"
|
||||
|
||||
16
beispiele/remove-spaces.sh
Normal file
16
beispiele/remove-spaces.sh
Normal file
@ -0,0 +1,16 @@
|
||||
#!/bin/bash
|
||||
suf=$1
|
||||
if [ $# -gt 0 ]
|
||||
then
|
||||
for f in *.$suf; do
|
||||
bn=`basename "$f" .$suf | tr [:blank:] _`
|
||||
new=$bn.$suf
|
||||
echo "neuer Dateiname:"
|
||||
echo $new
|
||||
mv "$f" $new
|
||||
done
|
||||
else
|
||||
echo "Kein Suffix gegeben!!"
|
||||
echo "Verwendung: strip-space.sh SUFFIX"
|
||||
echo "Beende ...."
|
||||
fi
|
||||
@ -1,10 +0,0 @@
|
||||
[ 5.328340] usbcore: registered new interface driver snd-usb-audio
|
||||
[ 5.424330] input: Logitech MX Ergo as /devices/pci0000:00/0000:00:02.0/usb2/2-10/2-10:1.2/0003:046D:C52B.0006/0003:046D:406F.0007/input/input13
|
||||
[ 5.425022] logitech-hidpp-device 0003:046D:406F.0007: input,hidraw4: USB HID v1.11 Keyboard [Logitech MX Ergo] on usb-0000:00:02.0-10:1
|
||||
[11730.912969] usb usb2: root hub lost power or was reset
|
||||
[11730.913009] usb usb1: root hub lost power or was reset
|
||||
[11731.374991] usb 1-3: reset high-speed USB device number 4 using ehci-pci
|
||||
[11731.434994] usb 2-10: reset full-speed USB device number 5 using ohci-pci
|
||||
[11731.823005] usb 2-9: reset full-speed USB device number 4 using ohci-pci
|
||||
[11732.375288] usb 2-2: reset low-speed USB device number 3 using ohci-pci
|
||||
[11733.063086] usb 2-1: reset low-speed USB device number 2 using ohci-pci
|
||||
@ -20,6 +20,8 @@
|
||||
<li><a href="3.html">3. Abend</a></li>
|
||||
<li><a href="4.html">4. Abend</a></li>
|
||||
</ol>
|
||||
|
||||
<p>Quellen hier: <a href="https://git.scytec.de/danthefan/linuxkurs">GitLab</a></p>
|
||||
</div>
|
||||
<div class="ui segment">
|
||||
<h2><i class="icon file pdf outline"></i>PDF</h2>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user