diff --git a/.DS_Store b/.DS_Store index 62a740a..86b97d7 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/Chess Coding Exercise.pdf b/Chess Coding Exercise.pdf new file mode 100644 index 0000000..77b7adc Binary files /dev/null and b/Chess Coding Exercise.pdf differ diff --git a/Update Boilertplate Chess Game Code in Gitea.html b/Update Boilertplate Chess Game Code in Gitea.html new file mode 100644 index 0000000..b5be316 --- /dev/null +++ b/Update Boilertplate Chess Game Code in Gitea.html @@ -0,0 +1,218 @@ + + + + + + Chess Coding Exercise + + + +

Chess Board Coding Exercise

+ +
+

Part 1: Setup Git

+ +
+ 1. Check if Git is installed: +
git --version
+ If you see a version number, Git is installed. If not, download from git-scm.com +
+ +
+ 2. Set your credentials: +
git config --global user.name "g11s1"
+
git config --global user.email "g11s1@ict.ru"
+
+ +
+ 3. Create and navigate to your folder: +
cd Documents
+
mkdir chess-project
+
cd chess-project
+
+
+ +
+

Part 2: Get the Code

+ +
+ 1. Go to Gitea in your browser: +
https://gitea.techshare.cc
+
+ +
+ 2. Login with your credentials +
+ +
+ 3. Fork this repository: +
https://gitea.techshare.cc/technolyceum/g11-m2.git
+ Click the "Fork" button to create your own copy +
+ +
+ 4. Clone your forked repository: +
git clone https://gitea.techshare.cc/your-username/g11-m2.git
+ Replace "your-username" with your actual Gitea username +
+ +
+ 5. Enter the project folder: +
cd g11-m2
+
+
+ +
+

Part 3: Coding Tasks

+ +
+ Task 1: CSS Styling +

Find the .chess-board CSS and add:

+
width: 400px; +height: 400px; +display: grid; +border: 3px solid gray;
+
+ +
+ Task 2: JavaScript Function +

Find the function and replace with:

+
function createChessBoard() {
+
+ +
+ Task 3: For Loops +

Find the loops and replace with:

+
for (let row = 0; row < 8; row++) { + for (let col = 0; col < 8; col++) {
+
+ +
+ Test your work: +
    +
  1. Save the HTML file
    2. +
  2. Open it in a browser
    3. +
  3. Click "Create Chess Board"
    4. +
  4. You should see a chess board with 64 squares!
    5. +
+
+
+ +
+

Part 4: Save to Git

+ +
+ 1. Check what you changed: +
git status
+
+ +
+ 2. Add your changes: +
git add .
+
+ +
+ 3. Commit with a message: +
git commit -m "Completed chess board coding exercise"
+
+ +
+ 4. Push to your repository: +
git push origin main
+
+ +
+ If asked for credentials: + +
+ +
+ 5. Verify on Gitea: +

Refresh your repository page in the browser to see your changes

+
+
+ +
+ What you learned: + +
+ + \ No newline at end of file diff --git a/boilerplateHTMLtemplate.html b/boilerplateHTMLtemplate.html new file mode 100644 index 0000000..aeac321 --- /dev/null +++ b/boilerplateHTMLtemplate.html @@ -0,0 +1,858 @@ + + + + + + Learn to Code: Chess Game + + + +
+

Customizable Chess Game

+

Change board size, grid dimensions, shape, and colors to create your perfect chess experience! The grid size option changes the number of squares in each row and column.

+
+ +
+
+
+

Board Settings

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

Game Controls

+ + +
+ +
+

Accessibility

+ + +
+
+ +
+
+ +
+
+ White's turn. Click on a piece to select it. +
+
+
+ + + + \ No newline at end of file