diff --git a/css/style.css b/css/style.css index 6fff86a9..84a16b2a 100644 --- a/css/style.css +++ b/css/style.css @@ -1,178 +1,357 @@ +@import url('https://fonts.googleapis.com/css2?family=Chelsea+Market&family=Indie+Flower&display=swap'); + body { - background: #FFF; - font-family: Georgia, Times New Roman, Times, serif; - font-size: 30px; - text-align: center; - margin: 0; - padding: 0; + background: #FFF; + font-family: 'Indie Flower', Georgia, Times New Roman, Times, serif; + font-size: 30px; + text-align: center; + margin: 0; + padding: 0; } h1 { - font-size: 60px; - font-weight: normal; - margin: 0; - font-family: 'Chelsea Market', Georgia, serif; - color: #000; - line-height: 1; + font-size: 60px; + font-weight: normal; + margin: 0; + font-family: 'Chelsea Market', Georgia, serif; + color: #000; + line-height: 1; } h2 { - font-size: 70px; - font-weight: normal; - margin: 0; - color: #FFB000; - font-family: 'Chelsea Market', Georgia, serif; - text-transform: lowercase; + font-size: 70px; + font-weight: normal; + margin: 0; + color: #FFB000; + font-family: 'Chelsea Market', Georgia, serif; + text-transform: lowercase; } h3 { - font-size: 40px; - font-weight: normal; - margin: 0; - margin-top: 40px; - text-transform: lowercase; + font-size: 40px; + font-weight: normal; + margin: 0; + margin-top: 40px; + text-transform: lowercase; } p { - width: 960px; - margin: 40px auto; - color: #000; - line-height: 200%; + width: 960px; + margin: 40px auto; + color: #000; + line-height: 200%; + font-weight: 600; } -a, a:visited { - color: #000; - font-size: 12px; - text-decoration: none; +a, +a:visited { + color: #000; + font-size: 12px; + text-decoration: none; } a:hover { - text-decoration: underline; + text-decoration: underline; } ul { - list-style: none; + list-style: none; } .download { - padding: 10px; + padding: 10px; } pre { - font-size: 18px; + font-size: 18px; } blockquote { - text-align: left; - width: 720px; - margin: 10px auto; - background: #C5C3DE; - border: solid 2px #69697A; - padding: 0 40px; + text-align: left; + width: 720px; + margin: 10px auto; + background: #C5C3DE; + border: solid 2px #69697A; + padding: 0 40px; } code { - background-color: #000; - font-style: normal; - border-radius: 10px; - color: white; - padding: 5px 15px; - font-family: menlo, monospace; + background-color: #000; + font-style: normal; + border-radius: 10px; + color: white; + padding: 5px 15px; + font-family: menlo, monospace; + font-weight: 400; } /*---------------------------------------- BLOCKS */ .scrollblock { - position: relative; - margin: 0; - width: 100%; - color: white; - padding-top: 80px; - padding-bottom: 80px; -} - -.scrollblock h2 { - -} - -.block-title { background-color: #FFF; padding-bottom: 50px; } -.block-title h2 { color: #000; } -.block-title .meta { font-size: 16px; color: #999; } -.block-title .meta a { font-size: 16px; color: #333; } -.block-setup { background-color: #348fd4; } -.block-setup h2 { color: #06406c; } -.block-setup h2 a { background: none; padding: 0; font-size: normal; } -.block-setup a { color: #FFF; font-size: 40px; font-weight: normal;font-style: normal; background-color: #06406c; padding: 10px 15px; border-radius: 10px; text-decoration: none; } -.block-setup a:hover { text-decoration: underline; } -.block-create { background-color: #06406c; } -.block-create h2 { color: #FFF; } -.block-create p { color: #FFF; } -.block-create code { background-color: #000; color: #FFF; } -.block-checkout { background-color: #FFF; } -.block-checkout h2 { color: #000; } -.block-trees { background-color: #4c0d09; } -.block-trees h2 { color: #d3b2af; } -.block-trees p { color: #d3b2af; } -.block-trees code { color: #000; background-color: white; } -.block-add { background-color: #cc4037; } -.block-add h2, .block-add p { color: #4c0d09; } -.block-remote { background-color: #ffc19f; } -.block-remote h2 { color: #cc4037; } -.block-branching { background-color: #000; } -.block-branching h2 { color: #FFF; } -.block-branching p { color: #DDD; } -.block-branching code { color: #000; background-color: white; } -.block-merging { background-color: #F2F2F2; } -.block-merging h2 { color: #666; } -.block-tagging { background-color: #F2F2F2; } -.block-tagging h2 { color: #FFF; } -.block-hints { background-color: #F2F2F2; } -.block-hints h2 { color: #FFF; } -.block-resources { background-color: #ffc19f; } -.block-resources h2 { color: #cc4037; } -.block-resources h3 { color: #7d1f19; } -.block-resources ul { list-style: disc; margin: 0; padding: 0; } -.block-resources ul li a { font-size: 24px; color: #cc4037; } -.block-tagging { background-color: #348fd4; } -.block-tagging h2 { color: #06406c; } -.block-hints { background-color: #06406c; } -.block-hints h2 { color: #FFF; } -.block-hints p { color: #FFF; } -.block-hints code { background-color: #000; color: #FFF; } -.block-checkout-replace { background-color: #fff8c9; } -.block-checkout-replace h2 { color: #2d2700; } -.block-checkout-replace p { color: #615400; } -.block-comments { background-color: #FFF; padding-bottom: 50px; font-size: 14px; color: #000; } -.block-comments h2 { color: #000; } -.block-comments h3 { font-size: 16px; } -.block-comments #disqus_thread { width: 600px; text-align: left; margin-left: auto; margin-right: auto; } + position: relative; + margin: 0; + width: 100%; + color: white; + padding-top: 80px; + padding-bottom: 80px; +} + +.block-title { + background-color: #FFF; + padding-bottom: 50px; +} + +.block-title h2 { + color: #000; +} + +.block-title .meta { + font-size: 20px; + color: #999; +} + +.block-title .meta a { + font-size: 20px; + color: #333; +} + +.block-setup { + background-color: #348fd4; +} + +.block-setup h2 { + color: #06406c; +} + +.block-setup h2 a { + background: none; + padding: 0; + font-size: normal; +} + +.block-setup a { + color: #FFF; + font-size: 40px; + font-weight: normal; + font-style: normal; + background-color: #06406c; + padding: 10px 15px; + border-radius: 10px; + text-decoration: none; +} + +.block-setup a:hover { + text-decoration: underline; +} + +.block-create { + background-color: #06406c; +} + +.block-create h2 { + color: #FFF; +} + +.block-create p { + color: #FFF; +} + +.block-create code { + background-color: #000; + color: #FFF; +} + +.block-checkout { + background-color: #FFF; +} + +.block-checkout h2 { + color: #000; +} + +.block-trees { + background-color: #4c0d09; +} + +.block-trees h2 { + color: #d3b2af; +} + +.block-trees p { + color: #d3b2af; +} + +.block-trees code { + color: #000; + background-color: white; +} + +.block-add { + background-color: #cc4037; +} + +.block-add h2, +.block-add p { + color: #4c0d09; +} + +.block-remote { + background-color: #ffc19f; +} + +.block-remote h2 { + color: #cc4037; +} + +.block-branching { + background-color: #000; +} + +.block-branching h2 { + color: #FFF; +} + +.block-branching p { + color: #DDD; +} + +.block-branching code { + color: #000; + background-color: white; +} + +.block-merging { + background-color: #F2F2F2; +} + +.block-merging h2 { + color: #666; +} + +.block-tagging { + background-color: #F2F2F2; +} + +.block-tagging h2 { + color: #FFF; +} + +.block-hints { + background-color: #F2F2F2; +} + +.block-hints h2 { + color: #FFF; +} + +.block-resources { + background-color: #ffc19f; +} + +.block-resources h2 { + color: #cc4037; +} + +.block-resources h3 { + color: #7d1f19; +} + +.block-resources ul { + list-style: disc; + margin: 0; + padding: 0; +} + +.block-resources ul li a { + font-size: 24px; + color: #cc4037; +} + +.block-tagging { + background-color: #348fd4; +} + +.block-tagging h2 { + color: #06406c; +} + +.block-hints { + background-color: #06406c; +} + +.block-hints h2 { + color: #FFF; +} + +.block-hints p { + color: #FFF; +} + +.block-hints code { + background-color: #000; + color: #FFF; +} + +.block-checkout-replace { + background-color: #fff8c9; +} + +.block-checkout-replace h2 { + color: #2d2700; +} + +.block-checkout-replace p { + color: #615400; +} + +.block-comments { + background-color: #FFF; + padding-bottom: 50px; + font-size: 14px; + color: #000; +} + +.block-comments h2 { + color: #000; +} + +.block-comments h3 { + font-size: 16px; +} + +.block-comments #disqus_thread { + width: 600px; + text-align: left; + margin-left: auto; + margin-right: auto; +} .tower { - display: block; - width: 180px; - height: 260px; - position: absolute; - top: 330px; - right: 0; - background: #FFF url(../img/git-tower.png) no-repeat; + display: block; + width: 180px; + height: 260px; + position: absolute; + top: 330px; + right: 0; + background: #FFF url(../img/git-tower.png) no-repeat; } .cheatsheet { - display: block; - width: 180px; - height: 250px; - position: absolute; - top: 346px; - left: 0; - background: #FFF url(../img/cheatsheet.png) no-repeat; + display: block; + width: 180px; + height: 250px; + position: absolute; + top: 346px; + left: 0; + background: #FFF url(../img/cheatsheet.png) no-repeat; } .announcement { - margin-bottom: 40px; + margin-bottom: 40px; } .announcement img { - border-radius: 4px; + border-radius: 4px; } #carbonads { @@ -180,7 +359,7 @@ code { overflow: hidden; padding: 10px; background-color: #dfdfdf; - border-radius: 3px; + border-radius: 3px; max-width: 300px; margin: 0 auto; font-family: Verdana, "Helvetica Neue", Helvetica, sans-serif; @@ -207,7 +386,9 @@ code { margin-right: 1em; } -.carbon-img img { display: block; } +.carbon-img img { + display: block; +} .carbon-text { display: block; @@ -224,4 +405,4 @@ code { text-transform: uppercase; letter-spacing: 1px; font-size: 9px; -} +} \ No newline at end of file diff --git a/index.de.html b/index.de.html index b3f9acba..1293547c 100644 --- a/index.de.html +++ b/index.de.html @@ -1,37 +1,56 @@ +
eine einfache Anleitung, um git zu lernen. Kein Schnick-Schnack ;)
- Tweet - + Tweet +
- Die Änderungen sind jetzt im HEAD deines lokalen Repositories. Um die Änderungen an dein entferntes Repository zu senden, führe:
+ Die Änderungen sind jetzt im HEAD deines lokalen Repositories. Um die Änderungen an dein entferntes
+ Repository zu senden, führe:
git push origin master
- aus. Du kannst master auch mit einem beliebigen anderen Branch ersetzen, mehr über Branches erfährst du später.
+ aus. Du kannst master auch mit einem beliebigen anderen Branch ersetzen, mehr über Branches erfährst
+ du später.
- Wenn du dein lokales Repository nicht von einem entfernten geklont hast und du diese aber mit einem anderen Repository verbinden möchtest, musst du dieses mit
+ Wenn du dein lokales Repository nicht von einem entfernten geklont hast und du diese aber mit einem anderen
+ Repository verbinden möchtest, musst du dieses mit
git remote add origin <server>
hinzufügen. Jetzt bist du bereit, deine Änderungen hochzuladen
- Branches werden benutzt, um verschiedene Funktionen isoliert voneinander zu entwickeln. Der master-Branch ist der "Standard"-Branch, wenn du ein neues Repository erstellst. Du solltest aber für die Entwicklung andere Branches verwenden und diese dann in den Master-Branch zusammenführen (mergen). Auch das lernst du später. + Branches werden benutzt, um verschiedene Funktionen isoliert voneinander zu entwickeln. Der + master-Branch ist der "Standard"-Branch, wenn du ein neues Repository erstellst. Du solltest aber für + die Entwicklung andere Branches verwenden und diese dann in den Master-Branch zusammenführen (mergen). Auch + das lernst du später.
@@ -147,10 +172,12 @@
Um dein lokales Repository mit den neuesten Änderungen zu aktualisieren, verwende:
git pull
- in deiner Arbeitskopie, um die Änderungen erst herunterzuladen (fetch) und dann mit deinem Stand zusammenzuführen (merge).
+ in deiner Arbeitskopie, um die Änderungen erst herunterzuladen (fetch) und dann mit deinem Stand
+ zusammenzuführen (merge).
Wenn du einen anderen Branch mit deinem aktuellen (z.B. master) zusammenführen willst, benutze:
git merge <branch>
- In beiden Fällen versucht git die Änderungen automatisch zusammenzuführen. Unglücklicherweise ist dies nicht immer möglich und endet in Konflikten.
+ In beiden Fällen versucht git die Änderungen automatisch zusammenzuführen. Unglücklicherweise ist dies nicht
+ immer möglich und endet in Konflikten.
Du bist verantwortlich, diese Konflikte durch manuelles Editieren der betroffenen Dateien zu lösen.
Bist du damit fertig, musst du das git mit folgendem Befehl mitteilen:
git add <dateiname>
@@ -162,9 +189,11 @@
- Es wird empfohlen, für Software Releasestags zu verwenden. Dies ist ein bekanntes Konzept, das es schon mit SVN gab. Du kannst einen neuen Tag namens 1.0.0 mit folgendem Befehl erstellen:
+ Es wird empfohlen, für Software Releasestags zu verwenden. Dies ist ein bekanntes Konzept, das es schon mit
+ SVN gab. Du kannst einen neuen Tag namens 1.0.0 mit folgendem Befehl erstellen:
git tag 1.0.0 1b2e1d63ff
- 1b2e1d63ff steht für die ersten 10 Zeichen der Commit-Id, die du mit deinem Tag referenzieren möchtest. Du erhältst die Liste der Commit-IDs mit:
+ 1b2e1d63ff steht für die ersten 10 Zeichen der Commit-Id, die du mit deinem Tag referenzieren
+ möchtest. Du erhältst die Liste der Commit-IDs mit:
git log
Du kannst auch weniger Zeichen verwenden, es muss einfach eindeutig sein.
Falls du mal etwas falsch machst (was natürlich nie passiert ;) ) kannst du die lokalen Änderungen mit:
git checkout -- <filename>
- auf den letzten Stand im HEAD zurücksetzen. Änderungen, die du bereits zum Index hinzugefügt hast, bleiben bestehen.
+ auf den letzten Stand im HEAD zurücksetzen. Änderungen, die du bereits zum Index hinzugefügt hast, bleiben
+ bestehen.
- Wenn du aber deine lokalen Änderungen komplett entfernen möchtest, holst du dir den letzten Stand vom entfernten Repository mit folgenden Befehlen:
+ Wenn du aber deine lokalen Änderungen komplett entfernen möchtest, holst du dir den letzten Stand vom
+ entfernten Repository mit folgenden Befehlen:
git fetch origin
git reset --hard origin/master