diff options
Added proper information in home, about and resume pages.
7 files changed, 120 insertions, 56 deletions
| -rw-r--r-- | website/about.html | 23 | ||||
| -rw-r--r-- | website/credit.html | 16 | ||||
| -rw-r--r-- | website/index.html | 27 | ||||
| -rw-r--r-- | website/projects/index.html | 18 | ||||
| -rw-r--r-- | website/resume.html | 67 | ||||
| -rw-r--r-- | website/styles.css | 7 | ||||
| -rw-r--r-- | website/tutorials/index.html | 18 |
diff --git a/website/about.html b/website/about.html index 934f28f..1fae313 100644 --- a/website/about.html +++ b/website/about.html @@ -11,31 +11,34 @@ <a href="./tutorials/index.html" class="other-tab"``>Tutorials</a> <a href="./projects/index.html" class="other-tab">Projects</a> <a href="./index.html" class="other-tab">Home</a> - <a href="" class="selected-tab">About</a> + <a href="./about.html" class="selected-tab">About</a> <a href="./resume.html" class="other-tab">Resume</a> </div> <div class=page> - I am a programmer + Hello! <br> + My name is Kamen, and I am a 18 year old high school student from Bulgaria. <br> + My passion is programming and computers in general. <br> + As of now, I am most comfortable with backend development and desktop applications. </div> <br> <footer class=footer> - <a href="https://github.com/Syndamia" class=hyperlink><img src="images/logos/github.png" alt="GitHub" height=32px></a> - <a href="https://stackoverflow.com/users/12036073/syndamia" class=hyperlink><img src="images/logos/stackoverflow.png" alt="StackOverflow"></a> + <a href="https://github.com/Syndamia" class=hyperlink-footer><img src="images/logos/github.png" alt="GitHub" height=32px></a> + <a href="https://stackoverflow.com/users/12036073/syndamia" class=hyperlink-footer><img src="images/logos/stackoverflow.png" alt="StackOverflow"></a> <hr width=350px noshade> - <a href="tutorials/index.html" class=hyperlink>Tutorials</a> | - <a href="projects/index.html" class=hyperlink>Projects</a> | - <a href="./about.html" class=hyperlink>About</a> | - <a href="./resume.html" class=hyperlink>Resume</a> + <a href="tutorials/index.html" class=hyperlink-footer>Tutorials</a> | + <a href="projects/index.html" class=hyperlink-footer>Projects</a> | + <a href="./about.html" class=hyperlink-footer>About</a> | + <a href="./resume.html" class=hyperlink-footer>Resume</a> <hr width=350px noshade> - <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink>Website License</a> | - <a href="./credit.html" class=hyperlink>Credit</a> + <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink-footer>Website License</a> | + <a href="./credit.html" class=hyperlink-footer>Credit</a> </footer> </body> </html> diff --git a/website/credit.html b/website/credit.html index ac585a6..43fdef8 100644 --- a/website/credit.html +++ b/website/credit.html @@ -26,20 +26,20 @@ <br> <footer class=footer> - <a href="https://github.com/Syndamia" class=hyperlink><img src="images/logos/github.png" alt="GitHub" height=32px></a> - <a href="https://stackoverflow.com/users/12036073/syndamia" class=hyperlink><img src="images/logos/stackoverflow.png" alt="StackOverflow"></a> + <a href="https://github.com/Syndamia" class=hyperlink-footer><img src="images/logos/github.png" alt="GitHub" height=32px></a> + <a href="https://stackoverflow.com/users/12036073/syndamia" class=hyperlink-footer><img src="images/logos/stackoverflow.png" alt="StackOverflow"></a> <hr width=350px noshade> - <a href="tutorials/index.html" class=hyperlink>Tutorials</a> | - <a href="projects/index.html" class=hyperlink>Projects</a> | - <a href="./about.html" class=hyperlink>About</a> | - <a href="./resume.html" class=hyperlink>Resume</a> + <a href="tutorials/index.html" class=hyperlink-footer>Tutorials</a> | + <a href="projects/index.html" class=hyperlink-footer>Projects</a> | + <a href="./about.html" class=hyperlink-footer>About</a> | + <a href="./resume.html" class=hyperlink-footer>Resume</a> <hr width=350px noshade> - <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink>Website License</a> | - <a href="./credit.html" class=hyperlink>Credit</a> + <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink-footer>Website License</a> | + <a href="./credit.html" class=hyperlink-footer>Credit</a> </footer> </body> </html> diff --git a/website/index.html b/website/index.html index 49f23e2..6cc1a6c 100644 --- a/website/index.html +++ b/website/index.html @@ -10,32 +10,39 @@ <div class=header> <a href="tutorials/index.html" class="other-tab">Tutorials</a> <a href="projects/index.html" class="other-tab">Projects</a> - <a href="" class="selected-tab">Home</a> + <a href="./index.html" class="selected-tab">Home</a> <a href="./about.html" class="other-tab">About</a> <a href="./resume.html" class="other-tab">Resume</a> </div> <div class=page> - <h2>Welcome to my website</h2> + <h2>Welcome to my personal website</h2> + Here I will share information that I know and can't find online and information about myself and my programming life. + <br><br> + In tutorials you will find extensive information on technologies that aren't well documented and that I have wasted too much time figuring out. + <br> + In projects, I will be sharing detailes about different projects I am/was working on. + <br> + In about and portfollio you can find more about me. </div> <br> <footer class=footer> - <a href="https://github.com/Syndamia" class=hyperlink><img src="images/logos/github.png" alt="GitHub" height=32px></a> - <a href="https://stackoverflow.com/users/12036073/syndamia" class=hyperlink><img src="images/logos/stackoverflow.png" alt="StackOverflow"></a> + <a href="https://github.com/Syndamia" class=hyperlink-footer><img src="images/logos/github.png" alt="GitHub" height=32px></a> + <a href="https://stackoverflow.com/users/12036073/syndamia" class=hyperlink-footer><img src="images/logos/stackoverflow.png" alt="StackOverflow"></a> <hr width=350px noshade> - <a href="tutorials/index.html" class=hyperlink>Tutorials</a> | - <a href="projects/index.html" class=hyperlink>Projects</a> | - <a href="./about.html" class=hyperlink>About</a> | - <a href="./resume.html" class=hyperlink>Resume</a> + <a href="tutorials/index.html" class=hyperlink-footer>Tutorials</a> | + <a href="projects/index.html" class=hyperlink-footer>Projects</a> | + <a href="./about.html" class=hyperlink-footer>About</a> | + <a href="./resume.html" class=hyperlink-footer>Resume</a> <hr width=350px noshade> - <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink>Website License</a> | - <a href="./credit.html" class=hyperlink>Credit</a> + <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink-footer>Website License</a> | + <a href="./credit.html" class=hyperlink-footer>Credit</a> </footer> </body> </html> diff --git a/website/projects/index.html b/website/projects/index.html index b73f6aa..831f41f 100644 --- a/website/projects/index.html +++ b/website/projects/index.html @@ -9,7 +9,7 @@ <body> <div class=header> <a href="../tutorials/index.html" class="other-tab"``>Tutorials</a> - <a href="" class="selected-tab">Projects</a> + <a href="./index.html" class="selected-tab">Projects</a> <a href="../index.html" class="other-tab">Home</a> <a href="../about.html" class="other-tab">About</a> <a href="../resume.html" class="other-tab">Resume</a> @@ -22,20 +22,20 @@ <br> <footer class=footer> - <a href="https://github.com/Syndamia" class=hyperlink><img src="../images/logos/github.png" alt="GitHub" height=32px></a> - <a href="https://stackoverflow.com/users/12036073/syndamia" class=hyperlink><img src="../images/logos/stackoverflow.png" alt="StackOverflow"></a> + <a href="https://github.com/Syndamia" class=hyperlink-footer><img src="../images/logos/github.png" alt="GitHub" height=32px></a> + <a href="https://stackoverflow.com/users/12036073/syndamia" class=hyperlink-footer><img src="../images/logos/stackoverflow.png" alt="StackOverflow"></a> <hr width=350px noshade> - <a href="../tutorials/index.html" class=hyperlink>Tutorials</a> | - <a href="../projects/index.html" class=hyperlink>Projects</a> | - <a href="../about.html" class=hyperlink>About</a> | - <a href="../resume.html" class=hyperlink>Resume</a> + <a href="../tutorials/index.html" class=hyperlink-footer>Tutorials</a> | + <a href="../projects/index.html" class=hyperlink-footer>Projects</a> | + <a href="../about.html" class=hyperlink-footer>About</a> | + <a href="../resume.html" class=hyperlink-footer>Resume</a> <hr width=350px noshade> - <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink>Website License</a> | - <a href="../credit.html" class=hyperlink>Credit</a> + <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink-footer>Website License</a> | + <a href="../credit.html" class=hyperlink-footer>Credit</a> </footer> </body> </html> diff --git a/website/resume.html b/website/resume.html index 723a974..e85e78a 100644 --- a/website/resume.html +++ b/website/resume.html @@ -3,6 +3,23 @@ <head> <title>Resume</title> <link rel="stylesheet" href="styles.css"> + + <style media="screen"> + .title-data { + text-align: left; + } + table { + margin-right: auto; + margin-left: auto; + } + td { + padding: 20px; + vertical-align: text-top; + } + li { + text-align: left; + } + </style> </head> <body> @@ -12,30 +29,60 @@ <a href="./projects/index.html" class="other-tab">Projects</a> <a href="./index.html" class="other-tab">Home</a> <a href="./about.html" class="other-tab">About</a> - <a href="" class="selected-tab">Resume</a> + <a href="./resume.html" class="selected-tab">Resume</a> </div> <div class=page> - I can code in c# and a bit in HTML and CSS + <table> + <tr> + <td class=title-data>Technologies</td> + <td> + I know well: + <ul> + <li>C#</li> + <li>GtkSharp 2.0</li> + </ul> + </td> + <td> + I know somewhat: + <ul> + <li>HTML / CSS</li> + <li>MySQL</li> + <li>Visual Basic</li> + </ul> + </td> + </tr> + <tr> + <td class=title-data>Work Experience</td> + <td colspan="2">-</td> + </tr> + <tr> + <td class=title-data>Education</td> + <td colspan="2"> + <b>Applied programmer</b><br> + <b style="color:#ff9999">[ONGOING]</b> 2019-2021, Course <a href="https://it-kariera.mon.bg/e-learning/" class=hyperlink>IT-kariera</a> + </td> + </tr> + </table> </div> <br> <footer class=footer> - <a href="https://github.com/Syndamia" class=hyperlink><img src="images/logos/github.png" alt="GitHub" height=32px></a> - <a href="https://stackoverflow.com/users/12036073/syndamia" class=hyperlink><img src="images/logos/stackoverflow.png" alt="StackOverflow"></a> + <a href="https://github.com/Syndamia" class=hyperlink-footer><img src="images/logos/github.png" alt="GitHub" height=32px></a> + <a href="https://stackoverflow.com/users/12036073/syndamia" class=hyperlink-footer><img src="images/logos/stackoverflow.png" alt="StackOverflow"></a> <hr width=350px noshade> - <a href="tutorials/index.html" class=hyperlink>Tutorials</a> | - <a href="projects/index.html" class=hyperlink>Projects</a> | - <a href="./about.html" class=hyperlink>About</a> | - <a href="./resume.html" class=hyperlink>Resume</a> + <a href="tutorials/index.html" class=hyperlink-footer>Tutorials</a> | + <a href="projects/index.html" class=hyperlink-footer>Projects</a> | + <a href="./about.html" class=hyperlink-footer>About</a> | + <a href="./resume.html" class=hyperlink-footer>Resume</a> <hr width=350px noshade> - <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink>Website License</a> | - <a href="./credit.html" class=hyperlink>Credit</a> + <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink-footer>Website License</a> | + <a href="./credit.html" class=hyperlink-footer>Credit</a> </footer> </body> </html> diff --git a/website/styles.css b/website/styles.css index 442d471..fe19580 100644 --- a/website/styles.css +++ b/website/styles.css @@ -58,6 +58,7 @@ body { } .page { + font: 20px Arial; text-align: center; margin-left: auto; margin-right: auto; @@ -70,6 +71,12 @@ body { .hyperlink { color: var(--page-color); + text-decoration: none; + color: #d6d6d6; +} + +.hyperlink-footer { + color: var(--page-color); font-size: 15px; text-decoration: none; color: #d6d6d6; diff --git a/website/tutorials/index.html b/website/tutorials/index.html index bfb24c8..b5295fe 100644 --- a/website/tutorials/index.html +++ b/website/tutorials/index.html @@ -8,7 +8,7 @@ <body> <body> <div class=header> - <a href="" class="selected-tab"``>Tutorials</a> + <a href="./index.html" class="selected-tab"``>Tutorials</a> <a href="../projects/index.html" class="other-tab">Projects</a> <a href="../index.html" class="other-tab">Home</a> <a href="../about.html" class="other-tab">About</a> @@ -22,20 +22,20 @@ <br> <footer class=footer> - <a href="https://github.com/Syndamia" class=hyperlink><img src="../images/logos/github.png" alt="GitHub" height=32px></a> - <a href="https://stackoverflow.com/users/12036073/syndamia" class=hyperlink><img src="../images/logos/stackoverflow.png" alt="StackOverflow"></a> + <a href="https://github.com/Syndamia" class=hyperlink-footer><img src="../images/logos/github.png" alt="GitHub" height=32px></a> + <a href="https://stackoverflow.com/users/12036073/syndamia" class=hyperlink-footer><img src="../images/logos/stackoverflow.png" alt="StackOverflow"></a> <hr width=350px noshade> - <a href="../tutorials/index.html" class=hyperlink>Tutorials</a> | - <a href="../projects/index.html" class=hyperlink>Projects</a> | - <a href="../about.html" class=hyperlink>About</a> | - <a href="../resume.html" class=hyperlink>Resume</a> + <a href="../tutorials/index.html" class=hyperlink-footer>Tutorials</a> | + <a href="../projects/index.html" class=hyperlink-footer>Projects</a> | + <a href="../about.html" class=hyperlink-footer>About</a> | + <a href="../resume.html" class=hyperlink-footer>Resume</a> <hr width=350px noshade> - <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink>Website License</a> | - <a href="../credit.html" class=hyperlink>Credit</a> + <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink-footer>Website License</a> | + <a href="../credit.html" class=hyperlink-footer>Credit</a> </footer> </body> </html> |