diff --git a/README.md b/README.md index 13cb3c2..aba18fb 100644 --- a/README.md +++ b/README.md @@ -71,6 +71,7 @@ Players are eliminated when they lose their last card, and the winner is the pla **2023-08-10** +- New [website](https://codequartett.de) - New design - Groups removed - Syntax highlighting ([Hacker Dark PRO Theme](https://github.com/armando10rafael10/theme-hacker-pro)) diff --git a/media/PXD/cover-front.pxd b/media/PXD/cover-front.pxd index b63fa89..77134af 100644 Binary files a/media/PXD/cover-front.pxd and b/media/PXD/cover-front.pxd differ diff --git a/website/css/normalize.css b/website/css/normalize.css old mode 100755 new mode 100644 diff --git a/website/css/style.css b/website/css/style.css old mode 100755 new mode 100644 index 995b34e..5c47025 --- a/website/css/style.css +++ b/website/css/style.css @@ -18,6 +18,10 @@ text-decoration: none; } +body { + touch-action: pan-x pan-y; + } + #load{ width:100%; height:100%; diff --git a/website/fonts/codropsicons/codropsicons.eot b/website/fonts/codropsicons/codropsicons.eot old mode 100755 new mode 100644 diff --git a/website/fonts/codropsicons/codropsicons.svg b/website/fonts/codropsicons/codropsicons.svg old mode 100755 new mode 100644 diff --git a/website/fonts/codropsicons/codropsicons.ttf b/website/fonts/codropsicons/codropsicons.ttf old mode 100755 new mode 100644 diff --git a/website/fonts/codropsicons/codropsicons.woff b/website/fonts/codropsicons/codropsicons.woff old mode 100755 new mode 100644 diff --git a/website/fonts/codropsicons/license.txt b/website/fonts/codropsicons/license.txt old mode 100755 new mode 100644 diff --git a/website/fonts/icons/icons.eot b/website/fonts/icons/icons.eot old mode 100755 new mode 100644 diff --git a/website/fonts/icons/icons.svg b/website/fonts/icons/icons.svg old mode 100755 new mode 100644 diff --git a/website/fonts/icons/icons.ttf b/website/fonts/icons/icons.ttf old mode 100755 new mode 100644 diff --git a/website/fonts/icons/icons.woff b/website/fonts/icons/icons.woff old mode 100755 new mode 100644 diff --git a/website/img/back.svg b/website/img/back.svg old mode 100755 new mode 100644 diff --git a/website/img/next.svg b/website/img/next.svg old mode 100755 new mode 100644 diff --git a/website/js/classie.js b/website/js/classie.js old mode 100755 new mode 100644 diff --git a/website/js/modernizr.min.js b/website/js/modernizr.min.js old mode 100755 new mode 100644 diff --git a/website/js/photostack.js b/website/js/photostack.js old mode 100755 new mode 100644 diff --git a/website/js/style.js b/website/js/style.js old mode 100755 new mode 100644 index ac09e64..6d27866 --- a/website/js/style.js +++ b/website/js/style.js @@ -1,41 +1,63 @@ -Photostack.prototype._addNavigation = function() { +Photostack.prototype._addNavigation = function () { // add nav dots - this.nav = document.createElement('nav'); - var inner = ''; - + this.nav = document.createElement("nav"); + var inner = ""; + for (var i = 0; i < this.itemsCount; ++i) { - inner += ''; + inner += ""; } - + this.nav.innerHTML = inner; this.el.appendChild(this.nav); this.navDots = [].slice.call(this.nav.children); - + var self = this; - + // Add click event listeners to the navigation dots - this.navDots.forEach(function(dot, index) { - dot.addEventListener('click', function() { - self._navigateTo(index); - }); + this.navDots.forEach(function (dot, index) { + dot.addEventListener("click", function () { + self._navigateTo(index); + }); }); - + // Rotate the first image (you should define the CSS class for initial rotation) - var images = this.el.querySelectorAll('.photostack > figure > div'); + var images = this.el.querySelectorAll(".photostack > figure > div"); if (images.length > 0) { - images[0].classList.add('rotate-initial'); // Define the CSS class for initial rotation + images[0].classList.add("rotate-initial"); // Define the CSS class for initial rotation } - - var nextButton = document.getElementById('nextButton'); - var backButton = document.getElementById('backButton'); - + + var nextButton = document.getElementById("nextButton"); + var backButton = document.getElementById("backButton"); + + function nextNavigate(condition) { + if (condition === "double-click") { + return; + } else { + self._navigate("next"); + } + } + function backNavigate(condition) { + if (condition === "double-click") { + return; + } else { + self._navigate("prev"); + } + } + // Add click event listeners to the next and back buttons - nextButton.addEventListener('click', function () { - self._navigate('next'); + nextButton.addEventListener("dblclick", function () { + nextNavigate("double-click"); + }); + nextButton.addEventListener("click", function () { + nextNavigate("click"); + }); + + backButton.addEventListener("dblclick", function () { + backNavigate("double-click"); }); - - backButton.addEventListener('click', function () { - self._navigate('prev'); + + backButton.addEventListener("click", function () { + backNavigate("click"); }); -} - + }; + \ No newline at end of file diff --git a/website/site/de/index.html b/website/site/de/index.html old mode 100755 new mode 100644 index bca2fbe..5c9d1d9 --- a/website/site/de/index.html +++ b/website/site/de/index.html @@ -5,550 +5,32 @@ CodeQuartett - + + + + -
-
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - -
- - -
-
-
- -
-
-
-
-

- Mit dem CodeQuartett kannst Du zusammen mit deinen Freunden die ewige Diskussion, welche Sprache die - bessere ist, beenden ...genau so ist die Idee zum Spiel auch entstanden 🦄 -

-

- Aber auch für Programmier-Neulinge oder einfach technisch Interessierte, ist es eine ideale Möglichkeit - die Unterschiede der einzelnen Sprachen kennen zu lernen. -

-

- Ganz nach dem Open Source Gedanken sind die Daten komplett auf GitHub frei verfügbar. - Es ist auch erlaubt diese zu drucken & ändern. -

-
- -
-
-
- -
-
-
-
-
Card_Image
-
-

Cover

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Ada

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Assembly

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Basic

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Brainfuck

-
-
-
- -
-
- -
-
-
Card_Image
-
-

C

-
-
-
- -
-
- -
-
-
Card_Image
-
-

COBOL

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Cow

-
-
-
- -
-
- -
-
-
Card_Image
-
-

C++

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Delphi

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Erlang

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Fortran

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Go

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Groovy

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Haskell

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Java

-
-
-
- -
-
- -
-
-
Card_Image
-
-

JavaScript

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Lisp

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Logo

-
-
-
- -
-
- -
-
-
Card_Image
-
-

LOLCODE

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Lua

-
-
-
- -
-
- -
-
-
Card_Image
-
-

MATLAB

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Swift

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Pascal

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Perl

-
-
-
- -
-
- -
-
-
Card_Image
-
-

PHP

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Prolog

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Python

-
-
-
- -
-
- -
-
-
Card_Image
-
-

R

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Ruby

-
-
-
- -
-
- -
-
-
Card_Image
-
-

VB.NET

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Whitespace

-
-
-
- -
-
-
-
- - - -
-
- -
-
-
-

Eigenschaften

-
-

Erscheinungsjahr (Appeared)

-

- Je früher eine Programmiersprache erschien, desto stärker ist sie im Duell.
-

-
-
-

Verbreitung (Distribution)

-

- Diese Eigenschaft wurde anhand des Tiobe - Index bestimmt. Dieser wurde auf Werte von 1-8 vereinfacht. Die höhere Zahl gewinnt. -

-
-
-

Dialekte (Dialects)

-
- Anzahl der Dialekte einer Programmiersprache. Je mehr umso besser. Mögliche Werte: -
    -
  • 0
    • -
  • >1
    • -
  • >5
    • -
  • >10
    • -
-
-
-
-

Nerdfactor

-
- Messzahl wie verrückt/nerdig/abgefahren/bazinga eine Sprache ist. Umso höher der Zahlenwert, desto besser. - Mögliche Werte (wer die Werte nicht lesen kann, sollte sich schämen, aber für Euch habe ich den - Integer-Wert dazugeschrieben): -
    -
  • 00000101 = 5
    • -
  • 00000111 = 7
    • -
  • 00010111 = 23
    • -
  • 00101010 = 42
    • -
-
-
-
-

HelloWorld.Length

-

- Zeichenlänge des bekannten Hello World Programms. Als Quelle diente die Übersicht auf Wikipedia. -

-
-
- -
-

Impressum

-
-
-

- Johann Weiher
- Ortsstraße 53
- 93354 Dürnhart
- Germany -

- -
- -

- Telephone: +49 176 61003278
- E-Mail: info@suplanus.de
- Ust.ID: DE289211250
-

-
-

- Datenschutzerklärung -

-
-
+
+
+
+
@@ -575,9 +57,533 @@

Whitespace

+ + +
+
+
+ +
+
+
+
+

+ Mit dem CodeQuartett kannst Du zusammen mit deinen Freunden die ewige Diskussion, welche Sprache die bessere ist, beenden ...genau so ist die Idee zum Spiel auch entstanden 🦄 +

+

+ Aber auch für Programmier-Neulinge oder einfach technisch Interessierte, ist es eine ideale Möglichkeit die Unterschiede der einzelnen Sprachen kennen zu lernen. +

+

+ Ganz nach dem Open Source Gedanken sind die Daten komplett auf GitHub frei verfügbar. +Es ist auch erlaubt diese zu drucken & ändern. +

+
+ +
+
+
+ +
+
+
+
+
Card_Image
+
+

Cover

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Ada

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Assembly

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Basic

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Brainfuck

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

C

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

COBOL

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Cow

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

C++

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Delphi

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Erlang

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Fortran

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Go

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Groovy

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Haskell

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Java

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

JavaScript

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Lisp

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Logo

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

LOLCODE

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Lua

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

MATLAB

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Swift

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Pascal

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Perl

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

PHP

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Prolog

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Python

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

R

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Ruby

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

VB.NET

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Whitespace

+
+
+
+ +
+
+
+
+
+ +
+ + +
+
+ +
+
+
+

Eigenschaften

+
+

ERSCHEINUNGSJAHR (APPEARED)

+

+ Je früher eine Programmiersprache erschien, desto stärker ist sie im Duell.
+

+
+
+

VERBREITUNG (DISTRIBUTION)

+

+ Diese Eigenschaft wurde anhand des Tiobe Index bestimmt. Dieser wurde auf Werte von 1-8 vereinfacht. Die höhere Zahl gewinnt. +

+
+
+

DIALEKTE (DIALECTS)

+
+ Anzahl der Dialekte einer Programmiersprache. Je mehr umso besser. Mögliche Werte: +
    +
  • 0
    • +
  • >1
    • +
  • >5
    • +
  • >10
    • +
+
+
+
+

Nerdfactor

+
+ Messzahl wie verrückt/nerdig/abgefahren/bazinga eine Sprache ist. Umso höher der Zahlenwert, desto besser. Mögliche Werte (wer die Werte nicht lesen kann, sollte sich schämen, aber für Euch habe ich den Integer-Wert dazugeschrieben): +
    +
  • 00000101 = 5
    • +
  • 00000111 = 7
    • +
  • 00010111 = 23
    • +
  • 00101010 = 42
    • +
+
+
+
+

HelloWorld.Length

+

+ Zeichenlänge des bekannten Hello World Programms. Als Quelle diente die Übersicht auf Wikipedia. +

+
-
-
+ +
+

Impressum

+
+
+

+ Johann Weiher
+ Ortsstraße 53
+ 93354 Dürnhart
+ Germany +

+ +
+ +

+ Telephone: +49 176 61003278
+ E-Mail: info@suplanus.de
+ Ust.ID: DE289211250
+

+
+

+ Datenschutzerklärung +

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
@@ -586,34 +592,9 @@

Whitespace

diff --git a/website/site/en/index.html b/website/site/en/index.html old mode 100755 new mode 100644 index 9cec598..6c6b93c --- a/website/site/en/index.html +++ b/website/site/en/index.html @@ -5,554 +5,32 @@ CodeQuartett - + + + + -
-
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - -
- - -
-
-
- -
-
-
-
-

- With CodeQuartet you can end the eternal discussion, which language is the better one, together with your - friends ...that's exactly how the idea for the game came up 🦄 -

-

- But also for programming newbies or just technically interested people, it's an ideal way to get to know - the differences between the languages. -

-

- According to the open source idea, the data is completely available on GitHub. - It is also allowed to print & modify them. -

-
- -
-
-
- -
-
-
-
-
Card_Image
-
-

Cover

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Ada

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Assembly

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Basic

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Brainfuck

-
-
-
- -
-
- -
-
-
Card_Image
-
-

C

-
-
-
- -
-
- -
-
-
Card_Image
-
-

COBOL

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Cow

-
-
-
- -
-
- -
-
-
Card_Image
-
-

C++

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Delphi

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Erlang

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Fortran

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Go

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Groovy

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Haskell

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Java

-
-
-
- -
-
- -
-
-
Card_Image
-
-

JavaScript

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Lisp

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Logo

-
-
-
- -
-
- -
-
-
Card_Image
-
-

LOLCODE

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Lua

-
-
-
- -
-
- -
-
-
Card_Image
-
-

MATLAB

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Swift

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Pascal

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Perl

-
-
-
- -
-
- -
-
-
Card_Image
-
-

PHP

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Prolog

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Python

-
-
-
- -
-
- -
-
-
Card_Image
-
-

R

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Ruby

-
-
-
- -
-
- -
-
-
Card_Image
-
-

VB.NET

-
-
-
- -
-
- -
-
-
Card_Image
-
-

Whitespace

-
-
-
- -
-
-
-
- - - -
-
- -
-
-
-

Properties

-
-

Appeared

-

- The year when the language was released, older is better.
-

-
-
-

Distribution

-

- This property was measured on the basis of the - Tiobe Index. Rounded to values of 1 to 8. - The higher one wins. -

-
-
-

Dialects

-
- The count of dialects a language has. More are better. Possible - values: - -
    -
  • 0
    • -
  • >1
    • -
  • >5
    • -
  • >10
    • -
-
-
-
-

Nerdfactor

-
- This is an index created by myself to show how - crazy/nerdy/bazzinga a language is. The number is printed in - binary format. The higher one wins the match. Possible values: -
    -
  • 00000101 = 5
    • -
  • 00000111 = 7
    • -
  • 00010111 = 23
    • -
  • 00101010 = 42
    • -
-
-
-
-

HelloWorld.Length

-

- The character count of the hello-world example. Source was - Wikipedia. -

-
-
- -
-

Imprint

-
-
-

- Johann Weiher
- Ortsstraße 53
- 93354 Dürnhart
- Germany -

- -
- -

- Telephone: +49 176 61003278
- E-Mail: info@suplanus.de
- Sales tax identification number: DE289211250
-

-
-

- Data privacy statement -

-
-
+
+
+
+
@@ -579,9 +57,540 @@

Whitespace

+ + +
+
+
+ +
+
+
+
+

+ With CodeQuartet you can end the eternal discussion, which language is the better one, together with your friends ...that's exactly how the idea for the game came up 🦄 +

+

+ But also for programming newbies or just technically interested people, it's an ideal way to get to know the differences between the languages. +

+

+ According to the open source idea, the data is completely available on GitHub. +It is also allowed to print & modify them. +

+
+ +
+
+
+ +
+
+
+
+
Card_Image
+
+

Cover

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Ada

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Assembly

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Basic

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Brainfuck

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

C

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

COBOL

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Cow

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

C++

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Delphi

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Erlang

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Fortran

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Go

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Groovy

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Haskell

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Java

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

JavaScript

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Lisp

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Logo

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

LOLCODE

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Lua

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

MATLAB

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Swift

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Pascal

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Perl

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

PHP

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Prolog

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Python

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

R

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Ruby

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

VB.NET

+
+
+
+ +
+
+ +
+
+
Card_Image
+
+

Whitespace

+
+
+
+ +
+
+
+
+
+ +
+ + +
+
+ +
+
+
+

Properties

+
+

Appeared

+

+ The year when the language was released, older is better.
+

+
+
+

Distribution

+

+ This property was measured on the basis of the + Tiobe Index. Rounded to values of 1 to 8. + The higher one wins. +

+
+
+

Dialects

+
+ The count of dialects a language has. More are better. Possible + values: + +
    +
  • 0
    • +
  • >1
    • +
  • >5
    • +
  • >10
    • +
+
+
+
+

Nerdfactor

+
+ This is an index created by myself to show how + crazy/nerdy/bazzinga a language is. The number is printed in + binary format. The higher one wins the match. Possible values: +
    +
  • 00000101 = 5
    • +
  • 00000111 = 7
    • +
  • 00010111 = 23
    • +
  • 00101010 = 42
    • +
+
+
+
+

HelloWorld.Length

+

+ The character count of the hello-world example. Source was + Wikipedia. +

+
-
-
+ +
+

Imprint

+
+
+

+ Johann Weiher
+ Ortsstraße 53
+ 93354 Dürnhart
+ Germany +

+ +
+ +

+ Telephone: +49 176 61003278
+ E-Mail: info@suplanus.de
+ Sales tax identification number: DE289211250
+

+
+

+ Data privacy statement +

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
@@ -590,35 +599,10 @@

Whitespace

- \ No newline at end of file +