0303104
Schon klar, ich schreibe erst mal ne Seite für die Neuankömmlinge.. Ich bin hier übrigens der jüngste Hase im ganzen Land und kann wirklich nicht viel.
Hallo und herzlich Willkommen bisher René, Hendrik und jede die will im uuuiii.net unserer kleinen nicht-kommerziellen Verschwörungs- ..nee Präsentations-Plattform im verdammten Ozean. Solange wir nicht aufgetaucht sind (1.6.2021) bleiben wir überwiegend Unter-Wasser. Also bitte erst mal noch kein großes face insta geschnassel, jedoch gerne per email, delta.chat, stereodon, pixelfed usw. bei den Liebsten bewerben. Ihr wisst schon wie es das uuuiii gerne hat.. ;)
sublime mit ftpsync-addon verbasteln (Video von Paul Cheney siehe unten)
ftpsync.settings in sublime den jeweiligen Ordner legen (Das ist die Datei die ihr einfach von mir bekommt.) Siehe auch Video
losschreiben
a) index.html für content und links sorgen
b) styles und irgendwann die .css für das Äußere
c) hochladen
d) goto a)
Fragen gerne erst ans Netz (html5 ist sehr gut dokumentiert, linkliste ganzganz unten folgt), dann an den Nächsten, dann an den Spezi? Oder dann auch einfach an mich..
zu a) Man kann mit sublime eine Datei als index.html speichern. Wenn man dann ! eingibt macht sich sogleich die Grundstruktur auf. sehr gut.
zu b) Bei einigen Seiten habe ich die styles erst mal in die index selber eingetragen. Wenn nun aber mehrere Seiten gleich aussehen sollen ist es einfacher die verscheidenen index-Dateien auf eine css-Datei zu verweisen.
zu c) Das ist nun das coole an sublimeText mit ftp-sync: Man schreibt und kann dann sogleich hochladen. In den ftpsettings kann man auch einstellen, daß er bei speichern instant hochlädt. Finde ich unpraktisch, schorcuts gehen schneller (cmd + shift + P; upl; Enter).
___ sublimetext.com nur mit diesem texteditor eine Webseite schreiben und verwalten!
Sublime mit ftpSync erweitern
___ZeigeVideo von Paul Cheney
(https://youtu.be/di9pL0TwC6Y)
___selfhtml.org "Die Energie des Verstehens" - html elemente style
___selfhtml.org grafik farben
___selfhtml.org typographie textformatierung css
___dev.mozilla.org audio element
___wikipedia.org schriftarten
___stackoverflow.com clickable image
uuuiii.net ist am Start.
Benutzer: ***
PW: ***
FEB 27 4:28 PM
ohhh jaa
FEB 27 9:32 PM
Was ist mit meinen döitschän Büchstaben los? uuuiii.net/
MAR 1 1:10 PM
Ah ich weiß schon ...sec.
MAR 1 1:15 PM
Ist nen bissl merkwürdig. AddDefaultCharset UTF-8 muss in eine .htaccess, damit der Server den richtigen Zeichsatz nimmt... jetze
MAR 1 1:18 PM
oh, geht wieder. rocket-science...
MAR 1 3:15 PM
Und der server geht auch nach Englischer Zeit?
Weil ich ständig replace newer files (aus genau in einer Stunde Zukunft) bestätige... ;)
MAR 1 3:47 PM
Das kann sein. Steht aber bei Halle.
https://www.tutorialrepublic.com/faq/how-to-get-the-current-date-and-time-in-php.php
EInfach mal in eine ansonsten leere Datei packen und die info.php nennnen und dann aufrufen :)
MAR 1 4:33 PM
Das nächste größere Ding mit dem Du mich sofort überholst sind sogenannte „static site generator“.
z.B.: https://www.11ty.dev/
MAR 2 5:19 PM
hej, ftp-Benutzer kannst Du dann in der Verwaltung selbst anlegen (und auf bestimmte Ordner einschränken). Zugnag zur Verwaltung von uuuiii.net hast Du gell?
MAR 4 1:39 PM
Yeah!
Damit gehen die Aufzählpunkte weg:
ul{list-style-type:none;}
MAR 12 1:18 PM
wohin genau? später...
MAR 12 1:44 PM
Fast egal - Hauptsache ins css der Seite, styles.css oder wo Du das CSS so stehen hast ;)
MAR 12 1:47 PM
Das hier wird früher oder später was für Dich:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
MAR 14 12:21 PM
kannst zum Test das hier mal dem .menu geben:
position: fixed;
top: 20px;
background: #000;
MAR 25 12:25 PM
Die Links [z.B. src="links"] kann man leicht mit suchen und ersetzen von http auf https umstellen.
Das Zertifikat bekommt man umsonst immer für 3 Monate hier: https://zerossl.com/
Erstellen könntest Du es auch. Man mus dazu eine passende E-Mail Adresse bzw. Weiterleitung anlegen, damit die Confirmation-E-Mail bei Dir landet.
Einbinden kann nur ich das Zert. (ist ein zip, enthält drei text-files)
MAR 25 1:05 PM
____w3school.com sticky header
MAR 26 9:00 AM
____txt.joke a site just of .pdfs
BL ____buttons zum leben erwecken (programmingtechnologyworld.blogspot.com) and because of being so googlish the information from the site is available under: HTMLVidMt_UnmtBttnAutoplVid.md
____ein scrolltotop button
BL (advncd js progrmng) _____media element fallback example yet2High4me..
0525 https://www.w3schools.com/cssref/css3_pr_text-shadow.asp Text -Shadow, wie bei /rath zu sehen
0311 www.zachleat.com/web/eleventy-tutorial-level-1/ erklärt den Einstieg in eleventy.
https://learneleventyfromscratch.com/ lesson/3.html#getting-started-with-nunjucks nunjucks ist eine komplexere Sprache, die elevelnty auch nutzen kann.
https://wiki.selfhtml.org/ wiki/CSS/Tutorials/ Typografie/Schriftformatierung#font-family ist das der link zu den selbstgehosteten Buchstaben?
0904 bonbon buttons wollte ich dringend für voss haben, fand ich ja auch schon so cool bei 11ty.
viele Möglichkeiten der Gestaltung...