Added all coding projects from school done until now

author: Syndamia <kamen.d.mladenov@protonmail.com> 2020-04-12 15:26:00 +0300
committer: Syndamia <kamen.d.mladenov@protonmail.com> 2020-04-12 15:26:00 +0300
commit: 5180e2536b557b5604450a91ea942cbe5023a7dc (patch)
tree: ee56fa55f93e302032de0aba3e935374e78587bd /HTML/KamenMladenovCoding
parent: 763b2b770039a73cdc494d6cfa279b886c5e0035 (diff)
download: School-Projects-5180e2536b557b5604450a91ea942cbe5023a7dc.tar
School-Projects-5180e2536b557b5604450a91ea942cbe5023a7dc.tar.gz
School-Projects-5180e2536b557b5604450a91ea942cbe5023a7dc.zip
17 files changed, 285 insertions, 0 deletions
diff --git a/HTML/KamenMladenovCoding/KamenMladenovCoding.zip b/HTML/KamenMladenovCoding/KamenMladenovCoding.zip
new file mode 100644
index 0000000..6607547
--- /dev/null
+++ b/HTML/KamenMladenovCoding/KamenMladenovCoding.zip
diff --git a/HTML/KamenMladenovCoding/about.html b/HTML/KamenMladenovCoding/about.html
new file mode 100644
index 0000000..829cbbe
--- /dev/null
+++ b/HTML/KamenMladenovCoding/about.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>About</title>
+    <link rel="stylesheet" href="styles.css">
+  </head>
+
+  <body bgcolor="WhiteSmoke">
+  <center>
+    <header class="header"> <br>
+      <h1>Kamen Mladenov Coding</h1>
+      <table id="menu">
+        <tr>
+          <td class="menu-item"><a class="btn" href="index.html">Home</a></td>
+          <td class="menu-item"><a class="btn" href="mundus.html">Mundus</a></td>
+          <td class="menu-item"><a class="btn" href="other.html">Other projects</a></td>
+          <td class="menu-item"><a class="btn" href="about.html">About</a></td>
+        </tr>
+      </table>
+    </header>
+
+    <div class="content">
+      <h1>About</h1>
+      <p>I am a 17 year old programming student.</p>
+      <b>Languages that I know (left to right, most to least skill):</b>
+      <table class="menu">
+        <tr>
+          <td class="menu-item"><img src="images/languages/csharp-logo.png" alt="C#" height=50px width=50px></td>
+          <td class="menu-item add-padding"><img src="images/languages/html-logo.png" alt="HTML" height=50px width=50px></td>
+          <td class="menu-item add-padding"><img src="images/languages/vbdotnet-logo.png" alt="VB.Net" height=50px width=50px></td>
+          <td class="menu-item add-padding"><img src="images/languages/mysql-logo.png" alt="MySQL" height=50px width=100px></td>
+          <td class="menu-item add-padding"><img src="images/languages/css-logo.png" alt="CSS" height=50px width=40px></td>
+          <td class="menu-item add-padding"><img src="images/languages/python-logo.png" alt="Python" height=50px width=60px></td>
+        </tr>
+      </table>
+      <br>
+      <b>Contact:</b>
+      <table class="menu">
+        <tr>
+          <td class="menu-item add-padding"><a class="hyperlink" href="https://github.com/Syndamia"><img src="images/websites/github-logo.png" alt="GitHub" height=50px width=55px></a></td>
+          <td class="menu-item add-padding"><a class="hyperlink" href="https://stackoverflow.com/users/12036073/syndamia"><img src="images/websites/stackoverflow-logo.png" alt="Stackoverflow" height=50px width=51px></a></td>
+        </tr>
+      </table>
+    </div>
+    <br>
+    <footer class="footer">
+      Kamen Mladenov 2020
+    </footer>
+  </center>
+  </body>
+</html>
diff --git a/HTML/KamenMladenovCoding/images/languages/csharp-logo.png b/HTML/KamenMladenovCoding/images/languages/csharp-logo.png
new file mode 100644
index 0000000..518a64b
--- /dev/null
+++ b/HTML/KamenMladenovCoding/images/languages/csharp-logo.png
diff --git a/HTML/KamenMladenovCoding/images/languages/css-logo.png b/HTML/KamenMladenovCoding/images/languages/css-logo.png
new file mode 100644
index 0000000..001771a
--- /dev/null
+++ b/HTML/KamenMladenovCoding/images/languages/css-logo.png
diff --git a/HTML/KamenMladenovCoding/images/languages/html-logo.png b/HTML/KamenMladenovCoding/images/languages/html-logo.png
new file mode 100644
index 0000000..81d1fcb
--- /dev/null
+++ b/HTML/KamenMladenovCoding/images/languages/html-logo.png
diff --git a/HTML/KamenMladenovCoding/images/languages/mysql-logo.png b/HTML/KamenMladenovCoding/images/languages/mysql-logo.png
new file mode 100644
index 0000000..ee7382c
--- /dev/null
+++ b/HTML/KamenMladenovCoding/images/languages/mysql-logo.png
diff --git a/HTML/KamenMladenovCoding/images/languages/python-logo.png b/HTML/KamenMladenovCoding/images/languages/python-logo.png
new file mode 100644
index 0000000..dc5e771
--- /dev/null
+++ b/HTML/KamenMladenovCoding/images/languages/python-logo.png
diff --git a/HTML/KamenMladenovCoding/images/languages/vbdotnet-logo.png b/HTML/KamenMladenovCoding/images/languages/vbdotnet-logo.png
new file mode 100644
index 0000000..481eeda
--- /dev/null
+++ b/HTML/KamenMladenovCoding/images/languages/vbdotnet-logo.png
diff --git a/HTML/KamenMladenovCoding/images/mundus/L_boulder.png b/HTML/KamenMladenovCoding/images/mundus/L_boulder.png
new file mode 100644
index 0000000..a5db10a
--- /dev/null
+++ b/HTML/KamenMladenovCoding/images/mundus/L_boulder.png
diff --git a/HTML/KamenMladenovCoding/images/mundus/L_tree.png b/HTML/KamenMladenovCoding/images/mundus/L_tree.png
new file mode 100644
index 0000000..fcfcadd
--- /dev/null
+++ b/HTML/KamenMladenovCoding/images/mundus/L_tree.png
diff --git a/HTML/KamenMladenovCoding/images/mundus/U_rock.png b/HTML/KamenMladenovCoding/images/mundus/U_rock.png
new file mode 100644
index 0000000..da76bf8
--- /dev/null
+++ b/HTML/KamenMladenovCoding/images/mundus/U_rock.png
diff --git a/HTML/KamenMladenovCoding/images/websites/github-logo.png b/HTML/KamenMladenovCoding/images/websites/github-logo.png
new file mode 100644
index 0000000..1377716
--- /dev/null
+++ b/HTML/KamenMladenovCoding/images/websites/github-logo.png
diff --git a/HTML/KamenMladenovCoding/images/websites/stackoverflow-logo.png b/HTML/KamenMladenovCoding/images/websites/stackoverflow-logo.png
new file mode 100644
index 0000000..9916133
--- /dev/null
+++ b/HTML/KamenMladenovCoding/images/websites/stackoverflow-logo.png
diff --git a/HTML/KamenMladenovCoding/index.html b/HTML/KamenMladenovCoding/index.html
new file mode 100644
index 0000000..3ba8235
--- /dev/null
+++ b/HTML/KamenMladenovCoding/index.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Kamen Mladenov Coding</title>
+    <link rel="stylesheet" href="styles.css">
+
+    <style media="screen">
+      #show-around-list {
+        line-height: 30px;
+        font-family: Gothic L, sans-serif;
+      }
+    </style>
+  </head>
+
+  <body bgcolor="WhiteSmoke">
+  <center>
+    <header class="header"> <br>
+      <h1>Kamen Mladenov Coding</h1>
+      <table id="menu">
+        <tr>
+          <td class="menu-item"><a class="btn" href="index.html">Home</a></td>
+          <td class="menu-item"><a class="btn" href="mundus.html">Mundus</a></td>
+          <td class="menu-item"><a class="btn" href="other.html">Other projects</a></td>
+          <td class="menu-item"><a class="btn" href="about.html">About</a></td>
+        </tr>
+      </table>
+    </header>
+
+    <div class="content">
+      <h1>Welcome</h1>
+      <p>Here you can find information about my skills and programming projects I am working on.</p>
+      <p>Let me show you around:</p>
+      <ol class="list-centered" id="show-around-list">
+        <li>First off, we have this page, which has genereal information on the website.</li>
+        <li>Then, we have 'Mundus'. It is a big projects of mine.
+          <ul>
+            <li>It shows information about the project</li>
+            <li>I ask you for your opinion</li>
+          </ul>
+        </li>
+        <li>Then we have 'Other peojects'. I share links to other projects I have done.</li>
+        <li>In the end, there is the 'About' page. I show two things:
+          <ul>
+            <li>Programming langauges that I know atleast a bit</li>
+            <li>Sites with which to connect with me</li>
+          </ul>
+        </li>
+      </ol>
+    </div>
+
+    <footer class="footer">
+      Kamen Mladenov 2020
+    </footer>
+  </center>
+  </body>
+</html>
diff --git a/HTML/KamenMladenovCoding/mundus.html b/HTML/KamenMladenovCoding/mundus.html
new file mode 100644
index 0000000..0911a3f
--- /dev/null
+++ b/HTML/KamenMladenovCoding/mundus.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Mundus</title>
+    <link rel="stylesheet" href="styles.css">
+  </head>
+
+  <body bgcolor="WhiteSmoke">
+  <center>
+    <header class="header"> <br>
+      <h1>Kamen Mladenov Coding</h1>
+      <table id="menu">
+        <tr>
+          <td class="menu-item"><a class="btn" href="index.html">Home</a></td>
+          <td class="menu-item"><a class="btn" href="mundus.html">Mundus</a></td>
+          <td class="menu-item"><a class="btn" href="other.html">Other projects</a></td>
+          <td class="menu-item"><a class="btn" href="about.html">About</a></td>
+        </tr>
+      </table>
+    </header>
+
+    <div class="content">
+      <h1>What is Mundus?</h1>
+      <p>
+        Mundusis my project for Module 7 (Software development) in <a class="hyperlink" href="https://it-kariera.mon.bg/e-learning/">IT-kariera</a> course.
+        <br>It is a sandbox game. I have written all the code and done all the graphics.
+      </p>
+      <p>You can find a link to the repository <a class="hyperlink" href="https://github.com/Syndamia/Mundus">here</a>.</p>
+      <h1>Give me your opinion</h1>
+      <p>I am not good at doing graphics, so please, select if you like it.</p>
+      <form>
+        <table class="menu-alternative">
+          <tr>
+            <td class="add-padding"><img src="images/mundus/L_tree.png" alt="Picture of a tree"></td>
+            <td class="add-padding"><label>I like it</label><input type="checkbox" name="L_tree_rating" value="Like it"></td>
+          </tr>
+          <tr>
+            <td class="add-padding"><img src="images/mundus/L_boulder.png" alt="Picture of a boulder"></td>
+            <td class="add-padding"><label>I like it</label><input type="checkbox" name="L_boulder_rating" value="Like it"></td>
+          </tr>
+          <tr>
+            <td class="add-padding"><img src="images/mundus/U_rock.png" alt="Picture of a rock wall"></td>
+            <td class="add-padding"><label>I like it</label><input type="checkbox" name="U_rock_rating" value="Like it"></td>
+          </tr>
+        </table>
+        <br>
+        <input type="submit" value="Submit">
+      </form>
+      <br>
+    </div>
+    <br>
+    <footer class="footer">
+      Kamen Mladenov 2020
+    </footer>
+  </center>
+  </body>
+</html>
diff --git a/HTML/KamenMladenovCoding/other.html b/HTML/KamenMladenovCoding/other.html
new file mode 100644
index 0000000..0b58625
--- /dev/null
+++ b/HTML/KamenMladenovCoding/other.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Other Projects</title>
+    <link rel="stylesheet" href="styles.css">
+  </head>
+
+  <body bgcolor="WhiteSmoke">
+  <center>
+    <header class="header"> <br>
+      <h1>Kamen Mladenov Coding</h1>
+      <table id="menu">
+        <tr>
+          <td class="menu-item"><a class="btn" href="index.html">Home</a></td>
+          <td class="menu-item"><a class="btn" href="mundus.html">Mundus</a></td>
+          <td class="menu-item"><a class="btn" href="other.html">Other projects</a></td>
+          <td class="menu-item"><a class="btn" href="about.html">About</a></td>
+        </tr>
+      </table>
+    </header>
+
+    <div class="content">
+      <h1>GitHub links:</h1>
+      <ul class="list-centered">
+        <li><a class="hyperlink" href="https://github.com/Syndamia/Shower/wiki/Bitspace">Bitspace</a> and <a class="hyperlink" href="https://github.com/Syndamia/Shower/wiki/Bitspace-2.0">Bitspace 2.0</a></li>
+        <li><a class="hyperlink" href="https://github.com/Syndamia/Shower/wiki/Chopsticks">Chopsticks</a></li>
+        <li><a class="hyperlink" href="https://github.com/Syndamia/Shower/tree/master/Who%20wants%20to%20become%20a%20millionare%20-%20Africa%20(BG)">Who wants to be come a millionare - Africa (BG)</a></li>
+      </ul>
+      <br>
+    </div>
+    <br>
+    <footer class="footer">
+      Kamen Mladenov 2020
+    </footer>
+  </center>
+  </body>
+</html>
diff --git a/HTML/KamenMladenovCoding/styles.css b/HTML/KamenMladenovCoding/styles.css
new file mode 100644
index 0000000..7b7bd3f
--- /dev/null
+++ b/HTML/KamenMladenovCoding/styles.css
@@ -0,0 +1,84 @@
+:root {
+  --item-bg-color: #0073E6;
+  --link-hover-color: #0080FF;
+  --padding: 10px;
+  --width: 50%;
+  --min-width: 850px;
+}
+
+.header {
+  background-color: white;
+  border-bottom: 3px solid #ddd;
+  width: var(--width);
+  min-width: var(--min-width);
+  border-radius: 5px;
+}
+
+.footer {
+  background-color: white;
+  border-top: 3px solid #ddd;
+  width: var(--width);
+  min-width: var(--min-width);
+  border-radius: 5px;
+  line-height: 30px;
+}
+
+.menu {
+  border-collapse: collapse;
+}
+
+.menu-alternative {
+   border: 1px solid #ddd;
+}
+
+.add-padding {
+  padding: var(--padding);
+}
+
+.menu-item {
+  /* border: 1px solid #ddd; */
+  text-transform: uppercase;
+  font-weight: bold;
+  font: 20px Arial, sans-serrif;
+}
+
+.list-centered {
+  position: relative;
+  text-align: left;
+  left: 20%;
+}
+
+.btn {
+  background-color: var(--item-bg-color);
+  color: #FFFFFF;
+  padding: var(--padding);
+  text-align: center;
+  display: inline-block;
+  border-radius: 10px;
+}
+
+.btn:hover, .btn:active {
+  padding: var(--padding);
+  background-color: var(--link-hover-color);
+  border-radius: 5px;
+}
+
+a:link, a:visited {
+  text-decoration: none;
+}
+
+.hyperlink {
+  color: #3333FF;
+  font-family: Optima, sans-serif;
+}
+
+.content {
+  border-left: 3px solid #ddd;
+  border-right: 3px solid #ddd;
+
+  background-color: white;
+  border-radius: 5px;
+  height: 80%;
+  width: var(--width);
+  min-width: var(--min-width);
+}
author	Syndamia <kamen.d.mladenov@protonmail.com>	2020-04-12 15:26:00 +0300
committer	Syndamia <kamen.d.mladenov@protonmail.com>	2020-04-12 15:26:00 +0300
commit	5180e2536b557b5604450a91ea942cbe5023a7dc (patch)
tree	ee56fa55f93e302032de0aba3e935374e78587bd /HTML/KamenMladenovCoding
parent	763b2b770039a73cdc494d6cfa279b886c5e0035 (diff)
download	School-Projects-5180e2536b557b5604450a91ea942cbe5023a7dc.tar School-Projects-5180e2536b557b5604450a91ea942cbe5023a7dc.tar.gz School-Projects-5180e2536b557b5604450a91ea942cbe5023a7dc.zip