diff options
Reimplimented header and footer with JavaScript. Reworked file structure.
33 files changed, 344 insertions, 482 deletions
| -rw-r--r-- | drafts/syndamiadotcom draft.txt | 13 | ||||
| -rw-r--r-- | website/about.html | 36 | ||||
| -rw-r--r-- | website/credit.html | 32 | ||||
| -rw-r--r-- | website/css/styles-multiple-page-articles.css (renamed from website/styles-multiple-page-articles.css) | 0 | ||||
| -rw-r--r-- | website/css/styles.css (renamed from website/styles.css) | 25 | ||||
| -rw-r--r-- | website/img/favicon.png (renamed from website/images/favicon.png) | bin | 4339 -> 4339 bytes | |||
| -rw-r--r-- | website/img/logos/github.png (renamed from website/images/logos/github.png) | bin | 636 -> 636 bytes | |||
| -rw-r--r-- | website/img/logos/linkedin.png (renamed from website/images/logos/linkedin.png) | bin | 532 -> 532 bytes | |||
| -rw-r--r-- | website/img/logos/stackoverflow.png (renamed from website/images/logos/stackoverflow.png) | bin | 647 -> 647 bytes | |||
| -rw-r--r-- | website/img/ui/close.png (renamed from website/images/ui/close.png) | bin | 4339 -> 4339 bytes | |||
| -rw-r--r-- | website/img/ui/close.xcf (renamed from website/images/ui/close.xcf) | bin | 4859 -> 4859 bytes | |||
| -rw-r--r-- | website/index.html | 35 | ||||
| -rw-r--r-- | website/js/footer.js | 32 | ||||
| -rw-r--r-- | website/js/header.js | 73 | ||||
| -rw-r--r-- | website/projects.html | 58 | ||||
| -rw-r--r-- | website/projects/index.html | 76 | ||||
| -rw-r--r-- | website/projects/mundus/basic-concepts.html | 40 | ||||
| -rw-r--r-- | website/projects/mundus/history.html | 40 | ||||
| -rw-r--r-- | website/projects/mundus/img/crafting-window.png (renamed from website/projects/mundus/images/crafting-window.png) | bin | 11154 -> 11154 bytes | |||
| -rw-r--r-- | website/projects/mundus/img/create-new-game.png (renamed from website/projects/mundus/images/create-new-game.png) | bin | 22621 -> 22621 bytes | |||
| -rw-r--r-- | website/projects/mundus/img/inventory-menu.png (renamed from website/projects/mundus/images/inventory-menu.png) | bin | 2005727 -> 2005727 bytes | |||
| -rw-r--r-- | website/projects/mundus/img/main-screen.png (renamed from website/projects/mundus/images/main-screen.png) | bin | 11826 -> 11826 bytes | |||
| -rw-r--r-- | website/projects/mundus/img/map-menu.png (renamed from website/projects/mundus/images/map-menu.png) | bin | 2008267 -> 2008267 bytes | |||
| -rw-r--r-- | website/projects/mundus/img/small-game-window.png (renamed from website/projects/mundus/images/small-game-window.png) | bin | 1181600 -> 1181600 bytes | |||
| -rw-r--r-- | website/projects/mundus/introduction.html | 41 | ||||
| -rw-r--r-- | website/projects/mundus/user-interface.html | 52 | ||||
| -rw-r--r-- | website/resume.html | 34 | ||||
| -rw-r--r-- | website/tutorials.html | 51 | ||||
| -rw-r--r-- | website/tutorials/connect-to-mysql-in-csharp-ef/connecting.html | 41 | ||||
| -rw-r--r-- | website/tutorials/connect-to-mysql-in-csharp-ef/img/connections.png (renamed from website/tutorials/connect-to-mysql-in-csharp-ef/images/connections.png) | bin | 10067 -> 10067 bytes | |||
| -rw-r--r-- | website/tutorials/connect-to-mysql-in-csharp-ef/introduction.html | 38 | ||||
| -rw-r--r-- | website/tutorials/connect-to-mysql-in-csharp-ef/preparation.html | 39 | ||||
| -rw-r--r-- | website/tutorials/index.html | 70 |
diff --git a/drafts/syndamiadotcom draft.txt b/drafts/syndamiadotcom draft.txt new file mode 100644 index 0000000..65a2bd3 --- /dev/null +++ b/drafts/syndamiadotcom draft.txt @@ -0,0 +1,13 @@ +Contents: + Introduction + V1 + +## Introduction: + +This website is a project in of itself, so I will write some articles explaning it. It is my personal website, that I use as a porfollio and an archive/documentation. I create tutorials and store them here. I talk in detail about different projects I do/have done. I also share information about myself. + +Links: ... + +Origin: +The idea of making a personal website poped up into my mind while working on [Mundus](). I had decided to use GtkSharp 2.0, but little did I know, there was close to no information/documentation about it. Nevertheless, I pushed on and learned a good amount of it from just trial and error. +It was after the many hours I put into figuring it out that I had the idea on making a diff --git a/website/about.html b/website/about.html index d8c1853..69b15fa 100644 --- a/website/about.html +++ b/website/about.html @@ -1,26 +1,22 @@ <!DOCTYPE html> <html lang="en-us"> <html> - <head> + <head id="main"> <meta charset="UTF-8"> <meta name="description" content="Here you can find more information about myself"> <meta name="keywords" content="programming, portfollio, personal, about"> <meta name="author" content="Kamen Mladenov"> <meta name="robots" content="index, follow"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <link rel="icon" href="./images/favicon.png" type="image/png"/> - <link rel="shortcut icon" href="./images/favicon.png" type="image/png"/> + <link rel="icon" href="./img/favicon.png" type="image/png"/> + <link rel="shortcut icon" href="./img/favicon.png" type="image/png"/> <title>Syndamia - About Me</title> - <link rel="stylesheet" href="styles.css"> + <link rel="stylesheet" href="./css/styles.css"> </head> - <body> + <body id="About"> <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="./index.html" class="other-tab">Home</a> - <a href="./about.html" class="selected-tab">About</a> - <a href="./resume.html" class="other-tab">Resume</a> + <script type="text/javascript" src="./js/header.js"></script> </div> <div class="page-centered"> @@ -33,29 +29,15 @@ </p> <h2>Contact</h2> <p> - <a href="https://bg.linkedin.com/in/kamen-mladenov-18563b1a3?trk=people-guest_people_search-card" target="_blank" class="hyperlink" title="Linkedin"><img src="images/logos/linkedin.png" alt="Linkedin" width="32" height="32"></a> <br> + <a href="https://bg.linkedin.com/in/kamen-mladenov-18563b1a3?trk=people-guest_people_search-card" target="_blank" class="hyperlink" title="Linkedin"><img src="img/logos/linkedin.png" alt="Linkedin" width="32" height="32"></a> <br> Email: <span class="hidden-text">kamen.d.mladenov@protonmail.com</span> </p> </div> <br> - <footer class="footer"> - <a href="https://github.com/Syndamia" target="_blank" class="hyperlink-footer" title="GitHub"><img src="images/logos/github.png" alt="GitHub" width="32" height="32"></a> - <a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class="hyperlink-footer" title="StackOverflow"><img src="images/logos/stackoverflow.png" alt="StackOverflow" width="32" height="32"></a> - <a href="https://bg.linkedin.com/in/kamen-mladenov-18563b1a3?trk=people-guest_people_search-card" target="_blank" class="hyperlink-footer" title="Linkedin"><img src="images/logos/linkedin.png" alt="Linkedin" width="32" height="32"></a> - - <hr width="350px" noshade> - - <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" target="_blank" class="hyperlink-footer">Website License</a> | - <a href="./credit.html" target="_blank" class="hyperlink-footer">Credit</a> + <footer id="parent-dir" class="footer"> + <script type="text/javascript" src="./js/footer.js"></script> </footer> </body> </html> diff --git a/website/credit.html b/website/credit.html index c03e198..9940e57 100644 --- a/website/credit.html +++ b/website/credit.html @@ -1,26 +1,22 @@ <!DOCTYPE html> <html lang="en-us"> <html> - <head> + <head id="main"> <meta charset="UTF-8"> <meta name="description" content="This page is for crediting creators, whose stuff I use in this website"> <meta name="keywords" content="credit"> <meta name="author" content="Kamen Mladenov"> <meta name="robots" content="index, follow"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <link rel="icon" href="./images/favicon.png" type="image/png"/> - <link rel="shortcut icon" href="./images/favicon.png" type="image/png"/> + <link rel="icon" href="./img/favicon.png" type="image/png"/> + <link rel="shortcut icon" href="./img/favicon.png" type="image/png"/> <title>Syndamia - Programmer and Computer enthusiast</title> - <link rel="stylesheet" href="styles.css"> + <link rel="stylesheet" href="./css/styles.css"> </head> <body> <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="./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> + <script type="text/javascript" src="./js/header.js"></script> </div> <div class="page-centered"> @@ -35,22 +31,8 @@ <br> - <footer class="footer"> - <a href="https://github.com/Syndamia" target="_blank" class="hyperlink-footer" title="GitHub"><img src="images/logos/github.png" alt="GitHub" width="32" height="32"></a> - <a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class="hyperlink-footer" title="StackOverflow"><img src="images/logos/stackoverflow.png" alt="StackOverflow" width="32" height="32"></a> - <a href="https://bg.linkedin.com/in/kamen-mladenov-18563b1a3?trk=people-guest_people_search-card" target="_blank" class="hyperlink-footer" title="Linkedin"><img src="images/logos/linkedin.png" alt="Linkedin" width="32" height="32"></a> - - <hr width="350px" noshade> - - <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" target="_blank" class="hyperlink-footer">Website License</a> | - <a href="./credit.html" target="_blank" class="hyperlink-footer">Credit</a> + <footer id="parent-dir" class="footer"> + <script type="text/javascript" src="./js/footer.js"></script> </footer> </body> </html> diff --git a/website/styles-multiple-page-articles.css b/website/css/styles-multiple-page-articles.css index 799fa8b..799fa8b 100644 --- a/website/styles-multiple-page-articles.css +++ b/website/css/styles-multiple-page-articles.css diff --git a/website/styles.css b/website/css/styles.css index cc3e097..37ebad7 100644 --- a/website/styles.css +++ b/website/css/styles.css @@ -16,6 +16,13 @@ body { border-collapse: collapse; margin-top: 17px; min-width: 450px; + min-height: 27px; +} + +.header:after { + content: ""; + display: table; + clear:both; } .footer { @@ -32,7 +39,7 @@ body { } .selected-tab, .other-tab { - margin: -2.9px; + margin: -2.95px; padding: 10px; border-collapse: collapse; color: var(--tab-color); @@ -49,6 +56,7 @@ body { } .other-tab { + border-bottom: 3px solid var(--tab-other-bg); background-color: var(--tab-other-bg); cursor: pointer; } @@ -57,9 +65,8 @@ body { background-color: var(--tab-bg-hover); } -.page { +.page, .page-centered { font: 20px Arial; - text-align: left; margin-left: auto; margin-right: auto; color: var(--page-color); @@ -69,16 +76,12 @@ body { border: 15px solid var(--page-bg-color); } +.page { + text-align: left; +} + .page-centered { - font: 20px Arial; text-align: center; - margin-left: auto; - margin-right: auto; - color: var(--page-color); - min-width: 450px; - background-color: var(--page-bg-color); - margin-top: 9px; - border: 15px solid var(--page-bg-color); } .hyperlink { diff --git a/website/images/favicon.png b/website/img/favicon.png Binary files differindex 5104a43..5104a43 100644 --- a/website/images/favicon.png +++ b/website/img/favicon.png diff --git a/website/images/logos/github.png b/website/img/logos/github.png Binary files differindex bc7497a..bc7497a 100644 --- a/website/images/logos/github.png +++ b/website/img/logos/github.png diff --git a/website/images/logos/linkedin.png b/website/img/logos/linkedin.png Binary files differindex 171af03..171af03 100644 --- a/website/images/logos/linkedin.png +++ b/website/img/logos/linkedin.png diff --git a/website/images/logos/stackoverflow.png b/website/img/logos/stackoverflow.png Binary files differindex 9bbfb89..9bbfb89 100644 --- a/website/images/logos/stackoverflow.png +++ b/website/img/logos/stackoverflow.png diff --git a/website/images/ui/close.png b/website/img/ui/close.png Binary files differindex f6bb2a6..f6bb2a6 100644 --- a/website/images/ui/close.png +++ b/website/img/ui/close.png diff --git a/website/images/ui/close.xcf b/website/img/ui/close.xcf Binary files differindex eee0472..eee0472 100644 --- a/website/images/ui/close.xcf +++ b/website/img/ui/close.xcf diff --git a/website/index.html b/website/index.html index 260df81..ff82423 100644 --- a/website/index.html +++ b/website/index.html @@ -1,17 +1,17 @@ <!DOCTYPE html> <html lang="en-us"> <html> - <head> + <head id="main"> <meta charset="UTF-8"> <meta name="description" content="My personal website for programming. Here I share info about myself, projects I do and tutorials."> <meta name="keywords" content="programming, personal, welcome"> <meta name="author" content="Kamen Mladenov"> <meta name="robots" content="index, follow"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <link rel="icon" href="./images/favicon.png" type="image/png"/> - <link rel="shortcut icon" href="./images/favicon.png" type="image/png"/> + <link rel="icon" href="./img/favicon.png" type="image/png"/> + <link rel="shortcut icon" href="./img/favicon.png" type="image/png"/> <title>Syndamia - Programmer and Computer enthusiast</title> - <link rel="stylesheet" href="styles.css"> + <link rel="stylesheet" href="./css/styles.css"> <style media="screen"> h2 { @@ -23,13 +23,9 @@ </style> </head> - <body> + <body id="Home"> <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="./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> + <script type="text/javascript" src="./js/header.js"></script> </div> <div class="page-centered"> @@ -45,25 +41,10 @@ Here I will share hard to find knowledge and information about myself and my programming life. </p> </div> - <br> - <footer class="footer"> - <a href="https://github.com/Syndamia" target="_blank" class="hyperlink-footer" title="GitHub"><img src="images/logos/github.png" alt="GitHub" width="32" height="32"></a> - <a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class="hyperlink-footer" title="StackOverflow"><img src="images/logos/stackoverflow.png" alt="StackOverflow" width="32" height="32"></a> - <a href="https://bg.linkedin.com/in/kamen-mladenov-18563b1a3?trk=people-guest_people_search-card" target="_blank" class="hyperlink-footer" title="Linkedin"><img src="images/logos/linkedin.png" alt="Linkedin" width="32" height="32"></a> - - <hr width="350px" noshade> - - <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" target="_blank" class="hyperlink-footer">Website License</a> | - <a href="./credit.html" target="_blank" class="hyperlink-footer">Credit</a> + <footer id="parent-dir" class="footer"> + <script type="text/javascript" src="./js/footer.js"></script> </footer> </body> </html> diff --git a/website/js/footer.js b/website/js/footer.js new file mode 100644 index 0000000..ba96e3f --- /dev/null +++ b/website/js/footer.js @@ -0,0 +1,32 @@ +const pageFooter = document.getElementsByTagName('footer')[0]; + +function getFolderLevel () { + switch (pageFooter.id) { + case 'parent-dir': return './'; + case 'child-dir': return '../'; + case 'child-child-dir': return '../../'; + } +} + +const folderLevel = getFolderLevel(); + +const htmlFooter = +` +<a href="https://github.com/Syndamia" target="_blank" class="hyperlink-footer" title="GitHub"><img src="${folderLevel}img/logos/github.png" alt="GitHub" width="32" height="32"></a> +<a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class="hyperlink-footer" title="StackOverflow"><img src="${folderLevel}img/logos/stackoverflow.png" alt="StackOverflow" width="32" height="32"></a> +<a href="https://bg.linkedin.com/in/kamen-mladenov-18563b1a3?trk=people-guest_people_search-card" target="_blank" class="hyperlink-footer" title="Linkedin"><img src="${folderLevel}img/logos/linkedin.png" alt="Linkedin" width="32" height="32"></a> + +<hr width="350px" noshade> + +<a href="${folderLevel}tutorials.html" class="hyperlink-footer">Tutorials</a> | +<a href="${folderLevel}projects.html" class="hyperlink-footer">Projects</a> | +<a href="${folderLevel}about.html" class="hyperlink-footer">About</a> | +<a href="${folderLevel}resume.html" class="hyperlink-footer">Resume</a> + +<hr width="350px" noshade> + +<a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" target="_blank" class="hyperlink-footer">Website License</a> | +<a href="${folderLevel}credit.html" target="_blank" class="hyperlink-footer">Credit</a> +`; + +pageFooter.innerHTML = htmlFooter; diff --git a/website/js/header.js b/website/js/header.js new file mode 100644 index 0000000..45bd1b6 --- /dev/null +++ b/website/js/header.js @@ -0,0 +1,73 @@ +const pageGroups = { + main: { + Tutorials: 'tutorials.html', + Projects: 'projects.html', + Home: 'index.html', + About: 'about.html', + Resume: 'resume.html' + }, + mundus: { + Title: 'Mundus', + Introduction: 'introduction.html', + History: 'history.html', + 'User Interface': 'user-interface.html', + 'Basic Concepts': 'basic-concepts.html' + }, + mySqlConnectEntityFrameworkCSharp: { + Title: 'Connect to MySql in C# and Entity Framework', + Introduction: 'introduction.html', + Preparation: 'preparation.html', + Connecting: 'connecting.html' + } +}; + +const pageInfo = { + getPageGroup: function () { + switch (document.getElementsByTagName('head')[0].id) { + case 'main': return pageGroups.main; + case 'mundus': return pageGroups.mundus; + case 'mySqlConnectEntityFrameworkCSharp': return pageGroups.mySqlConnectEntityFrameworkCSharp; + } + }, + getPageToReturnTo: function (pageGroup) { + switch (pageGroup) { + case pageGroups.mundus: return pageGroups.main.Projects; + case pageGroups.mySqlConnectEntityFrameworkCSharp: return pageGroups.main.Tutorials; + } + } +}; + +const current = { + pageGroup: pageInfo.getPageGroup(), + tab: document.getElementsByTagName('body')[0].id +}; + +const generator = { + generateTabs: function (tabTitles) { + let toReturn = ''; + tabTitles.forEach(item => { toReturn += `<a href="./${current.pageGroup[item]}" class="${item === current.tab ? 'selected-tab' : 'other-tab'}">${item}</a> `; }); + return toReturn; + }, + generateFull: function () { + const columnStyle = 'float: left; min-width: 33.33%;'; + + document.getElementsByClassName('header')[0].innerHTML = + ` + <div style="${columnStyle}"> + <span class="article-title">${current.pageGroup.Title}</span> + </div> + <div style="${columnStyle}"> + ${this.generateTabs(Object.keys(current.pageGroup).splice(1, Object.keys(current.pageGroup).length - 1))} + </div> + <div width=32px> + <a href="../../${pageInfo.getPageToReturnTo(current.pageGroup)}" class="close" title="Back to Projects"><img src="../../img/ui/close.png" alt="Back" width="32" height="32"></a> + </div> + `; + } +}; + +if (current.pageGroup !== pageGroups.main) { + generator.generateFull(); +} else { + document.getElementsByClassName('header')[0].innerHTML = generator.generateTabs(Object.keys(current.pageGroup)); +} diff --git a/website/projects.html b/website/projects.html new file mode 100644 index 0000000..00bb993 --- /dev/null +++ b/website/projects.html @@ -0,0 +1,58 @@ +<!DOCTYPE html> +<html lang="en-us"> +<html> + <head id="main"> + <meta charset="UTF-8"> + <meta name="description" content="Here, I will be sharing detailes about different projects I am/was working on"> + <meta name="keywords" content="programming, portfollio, personal, projects"> + <meta name="author" content="Kamen Mladenov"> + <meta name="robots" content="index, follow"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="icon" href="./img/favicon.png" type="image/png"/> + <link rel="shortcut icon" href="./img/favicon.png" type="image/png"/> + <title>Syndamia - Projects</title> + <link rel="stylesheet" href="./css/styles.css"> + <link rel="stylesheet" href="./css/styles-multiple-page-articles.css"> + </head> + + <body id="Projects"> + <div class="header"> + <script type="text/javascript" src="./js/header.js"></script> + </div> + + <div class="page-centered"> + <table class="items-table"> + <tr> + <td colspan="2" class="separator-cell"><hr class="separator"></td> + </tr> + <tr> + <td><a href="./projects/mundus/introduction.html" class="hyperlink">Mundus</a></td> + <td><a href="https://github.com/Syndamia/Mundus" target="_blank" class="hyperlink" title="GitHub"><img src="./img/logos/github.png" alt="GitHub" width="32" height="32"></a></td> + </tr> + <tr> + <td colspan="2" class="separator-cell"><hr class="separator"></td> + </tr> + <tr> + <td>syndamiadotcom <span class="warning">[COMING SOON]</span></td> + <td><a href="https://github.com/Syndamia/syndamiadotcom" target="_blank" class="hyperlink" title="GitHub"><img src="./img/logos/github.png" alt="GitHub" width="32" height="32"></a></td> + </tr> + <tr> + <td colspan="2" class="separator-cell"><hr class="separator"></td> + </tr> + <tr> + <td>Bitspace <span class="warning">[COMING SOON]</span></td> + <td><a href="https://github.com/Syndamia/Shower" target="_blank" class="hyperlink" title="GitHub"><img src="./img/logos/github.png" alt="GitHub" width="32" height="32"></a></td> + </tr> + <tr> + <td colspan="2" class="separator-cell"><hr class="separator"></td> + </tr> + </table> + </div> + + <br> + + <footer id="parent-dir" class="footer"> + <script type="text/javascript" src="./js/footer.js"></script> + </footer> + </body> +</html> diff --git a/website/projects/index.html b/website/projects/index.html deleted file mode 100644 index 264d7ee..0000000 --- a/website/projects/index.html +++ /dev/null @@ -1,76 +0,0 @@ -<!DOCTYPE html> -<html lang="en-us"> -<html> - <head> - <meta charset="UTF-8"> - <meta name="description" content="Here, I will be sharing detailes about different projects I am/was working on"> - <meta name="keywords" content="programming, portfollio, personal, projects"> - <meta name="author" content="Kamen Mladenov"> - <meta name="robots" content="index, follow"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <link rel="icon" href="../images/favicon.png" type="image/png"/> - <link rel="shortcut icon" href="../images/favicon.png" type="image/png"/> - <title>Syndamia - Projects</title> - <link rel="stylesheet" href="../styles.css"> - <link rel="stylesheet" href="../styles-multiple-page-articles.css"> - </head> - - <body> - <div class="header"> - <a href="../tutorials/index.html" class="other-tab"``>Tutorials</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> - </div> - - <div class="page-centered"> - <table class="items-table"> - <tr> - <td colspan="2" class="separator-cell"><hr class="separator"></td> - </tr> - <tr> - <td><a href="./mundus/introduction.html" class="hyperlink">Mundus</a></td> - <td><a href="https://github.com/Syndamia/Mundus" target="_blank" class="hyperlink" title="GitHub"><img src="../images/logos/github.png" alt="GitHub" width="32" height="32"></a></td> - </tr> - <tr> - <td colspan="2" class="separator-cell"><hr class="separator"></td> - </tr> - <tr> - <td>syndamiadotcom <span class="warning">[COMING SOON]</span></td> - <td><a href="https://github.com/Syndamia/syndamiadotcom" target="_blank" class="hyperlink" title="GitHub"><img src="../images/logos/github.png" alt="GitHub" width="32" height="32"></a></td> - </tr> - <tr> - <td colspan="2" class="separator-cell"><hr class="separator"></td> - </tr> - <tr> - <td>Bitspace <span class="warning">[COMING SOON]</span></td> - <td><a href="https://github.com/Syndamia/Shower" target="_blank" class="hyperlink" title="GitHub"><img src="../images/logos/github.png" alt="GitHub" width="32" height="32"></a></td> - </tr> - <tr> - <td colspan="2" class="separator-cell"><hr class="separator"></td> - </tr> - </table> - </div> - - <br> - - <footer class="footer"> - <a href="https://github.com/Syndamia" target="_blank" class="hyperlink-footer" title="GitHub"><img src="../images/logos/github.png" alt="GitHub" width="32" height="32"></a> - <a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class="hyperlink-footer" title="StackOverflow"><img src="../images/logos/stackoverflow.png" alt="StackOverflow" width="32" height="32"></a> - <a href="https://bg.linkedin.com/in/kamen-mladenov-18563b1a3?trk=people-guest_people_search-card" target="_blank" class="hyperlink-footer" title="Linkedin"><img src="../images/logos/linkedin.png" alt="Linkedin" width="32" height="32"></a> - - <hr width="350px" noshade> - - <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" target="_blank" class="hyperlink-footer">Website License</a> | - <a href="../credit.html" target="_blank" class="hyperlink-footer">Credit</a> - </footer> - </body> -</html> diff --git a/website/projects/mundus/basic-concepts.html b/website/projects/mundus/basic-concepts.html index 7cac770..95724df 100644 --- a/website/projects/mundus/basic-concepts.html +++ b/website/projects/mundus/basic-concepts.html @@ -1,30 +1,23 @@ <!DOCTYPE html> <html lang="en-us"> <html> - <head> + <head id="mundus"> <meta charset="UTF-8"> <meta name="description" content="Despite the fact that I tried my best to make Mundus as intuitive as possible, there are things you need to understand about how it works"> <meta name="keywords" content="programming, project, c#, gtksharp, game, openworld, sandbox"> <meta name="author" content="Kamen Mladenov"> <meta name="robots" content="index, follow"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <link rel="icon" href="../../images/favicon.png" type="image/png"/> - <link rel="shortcut icon" href="../../images/favicon.png" type="image/png"/> + <link rel="icon" href="../../img/favicon.png" type="image/png"/> + <link rel="shortcut icon" href="../../img/favicon.png" type="image/png"/> <title>Mundus - Basic concepts</title> - <link rel="stylesheet" href="../../styles.css"> - <link rel="stylesheet" href="../../styles-multiple-page-articles.css"> + <link rel="stylesheet" href="../../css/styles.css"> + <link rel="stylesheet" href="../../css/styles-multiple-page-articles.css"> </head> - <body> + <body id="Basic Concepts"> <div class="header"> - <span class="article-title">Mundus</span> - - <a href="./introduction.html" class="other-tab">Introduction</a> - <a href="./history.html" class="other-tab">History</a> - <a href="./user-interface.html" class="other-tab">User Interface</a> - <a href="./basic-concepts.html" class="selected-tab">Basic concepts</a> - - <a href="../index.html" class="close" style="margin-left: 92px;" title="Back to Projects"><img src="../../images/ui/close.png" alt="Back" width="32" height="32"></a> + <script type="text/javascript" src="../../js/header.js"></script> </div> <div class="page"> @@ -96,22 +89,7 @@ <br> - <footer class="footer"> - <a href="https://github.com/Syndamia" target="_blank" class="hyperlink-footer" title="GitHub"><img src="../../images/logos/github.png" alt="GitHub" width="32" height="32"></a> - <a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class="hyperlink-footer" title="StackOverflow"><img src="../../images/logos/stackoverflow.png" alt="StackOverflow" width="32" height="32"></a> - <a href="https://bg.linkedin.com/in/kamen-mladenov-18563b1a3?trk=people-guest_people_search-card" target="_blank" class="hyperlink-footer" title="Linkedin"><img src="../../images/logos/linkedin.png" alt="Linkedin" width="32" height="32"></a> - - <hr width="350px" noshade> - - <a href="../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" target="_blank" class="hyperlink-footer">Website License</a> | - <a href="../../credit.html" target="_blank" class="hyperlink-footer">Credit</a> - </footer> + <footer id="child-child-dir" class="footer"></footer> </body> + <script type="text/javascript" src="../../js/footer.js"></script> </html> diff --git a/website/projects/mundus/history.html b/website/projects/mundus/history.html index 5b397aa..7b67316 100644 --- a/website/projects/mundus/history.html +++ b/website/projects/mundus/history.html @@ -1,30 +1,23 @@ <!DOCTYPE html> <html lang="en-us"> <html> - <head> + <head id="mundus"> <meta charset="UTF-8"> <meta name="description" content="History of the Mundus project"> <meta name="keywords" content="programming, project, c#, gtksharp, game, openworld, sandbox"> <meta name="author" content="Kamen Mladenov"> <meta name="robots" content="index, follow"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <link rel="icon" href="../../images/favicon.png" type="image/png"/> - <link rel="shortcut icon" href="../../images/favicon.png" type="image/png"/> + <link rel="icon" href="../../img/favicon.png" type="image/png"/> + <link rel="shortcut icon" href="../../img/favicon.png" type="image/png"/> <title>Mundus - History</title> - <link rel="stylesheet" href="../../styles.css"> - <link rel="stylesheet" href="../../styles-multiple-page-articles.css"> + <link rel="stylesheet" href="../../css/styles.css"> + <link rel="stylesheet" href="../../css/styles-multiple-page-articles.css"> </head> - <body> + <body id="History"> <div class="header"> - <span class="article-title">Mundus</span> - - <a href="./introduction.html" class="other-tab">Introduction</a> - <a href="./history.html" class="selected-tab">History</a> - <a href="./user-interface.html" class="other-tab">User Interface</a> - <a href="./basic-concepts.html" class="other-tab">Basic concepts</a> - - <a href="../index.html" class="close" style="margin-left: 92px;" title="Back to Projects"><img src="../../images/ui/close.png" alt="Back" width="32" height="32"></a> + <script type="text/javascript" src="../../js/header.js"></script> </div> <div class="page"> @@ -57,22 +50,7 @@ <br> - <footer class="footer"> - <a href="https://github.com/Syndamia" target="_blank" class="hyperlink-footer" title="GitHub"><img src="../../images/logos/github.png" alt="GitHub" width="32" height="32"></a> - <a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class="hyperlink-footer" title="StackOverflow"><img src="../../images/logos/stackoverflow.png" alt="StackOverflow" width="32" height="32"></a> - <a href="https://bg.linkedin.com/in/kamen-mladenov-18563b1a3?trk=people-guest_people_search-card" target="_blank" class="hyperlink-footer" title="Linkedin"><img src="../../images/logos/linkedin.png" alt="Linkedin" width="32" height="32"></a> - - <hr width="350px" noshade> - - <a href="../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" target="_blank" class="hyperlink-footer">Website License</a> | - <a href="../../credit.html" target="_blank" class="hyperlink-footer">Credit</a> - </footer> + <footer id="child-child-dir" class="footer"></footer> </body> + <script type="text/javascript" src="../../js/footer.js"></script> </html> diff --git a/website/projects/mundus/images/crafting-window.png b/website/projects/mundus/img/crafting-window.png Binary files differindex 61a7127..61a7127 100644 --- a/website/projects/mundus/images/crafting-window.png +++ b/website/projects/mundus/img/crafting-window.png diff --git a/website/projects/mundus/images/create-new-game.png b/website/projects/mundus/img/create-new-game.png Binary files differindex fe8d672..fe8d672 100644 --- a/website/projects/mundus/images/create-new-game.png +++ b/website/projects/mundus/img/create-new-game.png diff --git a/website/projects/mundus/images/inventory-menu.png b/website/projects/mundus/img/inventory-menu.png Binary files differindex 297d408..297d408 100644 --- a/website/projects/mundus/images/inventory-menu.png +++ b/website/projects/mundus/img/inventory-menu.png diff --git a/website/projects/mundus/images/main-screen.png b/website/projects/mundus/img/main-screen.png Binary files differindex bcf13c5..bcf13c5 100644 --- a/website/projects/mundus/images/main-screen.png +++ b/website/projects/mundus/img/main-screen.png diff --git a/website/projects/mundus/images/map-menu.png b/website/projects/mundus/img/map-menu.png Binary files differindex f640abb..f640abb 100644 --- a/website/projects/mundus/images/map-menu.png +++ b/website/projects/mundus/img/map-menu.png diff --git a/website/projects/mundus/images/small-game-window.png b/website/projects/mundus/img/small-game-window.png Binary files differindex 8af9885..8af9885 100644 --- a/website/projects/mundus/images/small-game-window.png +++ b/website/projects/mundus/img/small-game-window.png diff --git a/website/projects/mundus/introduction.html b/website/projects/mundus/introduction.html index 6c26754..3eb2be4 100644 --- a/website/projects/mundus/introduction.html +++ b/website/projects/mundus/introduction.html @@ -1,30 +1,23 @@ <!DOCTYPE html> <html lang="en-us"> <html> - <head> + <head id="mundus"> <meta charset="UTF-8"> <meta name="description" content="Mundus is an opensource light-weight sandbox desktop game. In it, you can explore, fight with creatures, build things or dig up the whole ground."> <meta name="keywords" content="programming, project, c#, gtksharp, game, openworld, sandbox"> <meta name="author" content="Kamen Mladenov"> <meta name="robots" content="index, follow"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <link rel="icon" href="../../images/favicon.png" type="image/png"/> - <link rel="shortcut icon" href="../../images/favicon.png" type="image/png"/> + <link rel="icon" href="../../img/favicon.png" type="image/png"/> + <link rel="shortcut icon" href="../../img/favicon.png" type="image/png"/> <title>Mundus - Introduction</title> - <link rel="stylesheet" href="../../styles.css"> - <link rel="stylesheet" href="../../styles-multiple-page-articles.css"> + <link rel="stylesheet" href="../../css/styles.css"> + <link rel="stylesheet" href="../../css/styles-multiple-page-articles.css"> </head> - <body> + <body id="Introduction"> <div class="header"> - <span class="article-title">Mundus</span> - - <a href="./introduction.html" class="selected-tab">Introduction</a> - <a href="./history.html" class="other-tab">History</a> - <a href="./user-interface.html" class="other-tab">User Interface</a> - <a href="./basic-concepts.html" class="other-tab">Basic concepts</a> - - <a href="../index.html" class="close" style="margin-left: 92px;" title="Back to Projects"><img src="../../images/ui/close.png" alt="Back" width="32" height="32"></a> + <script type="text/javascript" src="../../js/header.js"></script> </div> <div class="page"> @@ -35,7 +28,7 @@ </p> Links to project: <a href="https://github.com/Syndamia/Mundus" target="_blank" class="hyperlink">GitHub</a> <p> - <img src="./images/small-game-window.png" width="370" height="796"> <img src="./images/map-menu.png" alt="" width="630" height="795"> <img src="./images/inventory-menu.png" alt="" width="630" height="794"><br> + <img src="./img/small-game-window.png" width="370" height="796"> <img src="./img/map-menu.png" alt="" width="630" height="795"> <img src="./img/inventory-menu.png" alt="" width="630" height="794"><br> (Note: may vary between operating systems and system themes) </p> <p> @@ -51,22 +44,8 @@ <br> - <footer class="footer"> - <a href="https://github.com/Syndamia" target="_blank" class="hyperlink-footer" title="GitHub"><img src="../../images/logos/github.png" alt="GitHub" width="32" height="32"></a> - <a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class="hyperlink-footer" title="StackOverflow"><img src="../../images/logos/stackoverflow.png" alt="StackOverflow" width="32" height="32"></a> - <a href="https://bg.linkedin.com/in/kamen-mladenov-18563b1a3?trk=people-guest_people_search-card" target="_blank" class="hyperlink-footer" title="Linkedin"><img src="../../images/logos/linkedin.png" alt="Linkedin" width="32" height="32"></a> - - <hr width="350px" noshade> - - <a href="../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" target="_blank" class="hyperlink-footer">Website License</a> | - <a href="../../credit.html" target="_blank" class="hyperlink-footer">Credit</a> + <footer id="child-child-dir" class="footer"> + <script type="text/javascript" src="../../js/footer.js"></script> </footer> </body> </html> diff --git a/website/projects/mundus/user-interface.html b/website/projects/mundus/user-interface.html index 3b90ffa..49fe184 100644 --- a/website/projects/mundus/user-interface.html +++ b/website/projects/mundus/user-interface.html @@ -1,43 +1,36 @@ <!DOCTYPE html> <html lang="en-us"> <html> - <head> + <head id="mundus"> <meta charset="UTF-8"> <meta name="description" content="Detailed explanation of the user interface of the Mundus project"> <meta name="keywords" content="programming, project, c#, gtksharp, game, openworld, sandbox"> <meta name="author" content="Kamen Mladenov"> <meta name="robots" content="index, follow"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <link rel="icon" href="../../images/favicon.png" type="image/png"/> - <link rel="shortcut icon" href="../../images/favicon.png" type="image/png"/> + <link rel="icon" href="../../img/favicon.png" type="image/png"/> + <link rel="shortcut icon" href="../../img/favicon.png" type="image/png"/> <title>Mundus - User interface</title> - <link rel="stylesheet" href="../../styles.css"> - <link rel="stylesheet" href="../../styles-multiple-page-articles.css"> + <link rel="stylesheet" href="../../css/styles.css"> + <link rel="stylesheet" href="../../css/styles-multiple-page-articles.css"> </head> - <body> + <body id="User Interface"> <div class="header"> - <div class="article-title">Mundus</div> - - <a href="./introduction.html" class="other-tab">Introduction</a> - <a href="./history.html" class="other-tab">History</a> - <a href="./user-interface.html" class="selected-tab">User Interface</a> - <a href="./basic-concepts.html" class="other-tab">Basic concepts</a> - - <a href="../index.html" class="close" style="margin-left: 92px;" title="Back to Projects"><img src="../../images/ui/close.png" alt="Back" width="32" height="32"></a> + <script type="text/javascript" src="../../js/header.js"></script> </div> <div class="page"> Note: all screenshots are made in Linux with Mint-Y theme. <p class="tutorial-p"> - <img src="./images/main-screen.png" alt="" class="tutorial-img" width="300" height="510"> + <img src="./img/main-screen.png" alt="" class="tutorial-img" width="300" height="510"> <span class="tutorial-text"> We start off at the main screen. <br> Here you can load a save file (not implimented as of 21.05.2020), create a new game, view the tutorial (not implimented as of 21.05.2020), or change settings (not implimented as of 21.05.2020). </span> </p> <p class="tutorial-p"> - <img src="./images/create-new-game.png" alt="" class="tutorial-img" width="571" height="295"> + <img src="./img/create-new-game.png" alt="" class="tutorial-img" width="571" height="295"> <span class="tutorial-text"> Creating a game gives you a couple of options. <br><br> First one is Game Mode. Here you can select survival, in which you will start with almost no items and creative (not implimented as of 21.05.2020) where you will have access to all items at all times. <br><br> @@ -48,7 +41,7 @@ </p> Note: all game window screenshots are made with the Small Game Window. <p class="tutorial-p"> - <img src="./images/small-game-window.png" alt="" class="tutorial-img" width="370" height="796"> + <img src="./img/small-game-window.png" alt="" class="tutorial-img" width="370" height="796"> <span class="tutorial-text"> After the world is generated, the game window opens.<br><br> A the top you have your (game) screen. Here you can see the world. To navigate click on a place you want to go to. If you want to alter the envirnment, first click on an item (that can modify the world) and click the place you want to alter.<br><br> @@ -64,7 +57,7 @@ </span> </p> <p class="tutorial-p"> - <img src="./images/map-menu.png" alt="" class="tutorial-img" width="630" height="795"> + <img src="./img/map-menu.png" alt="" class="tutorial-img" width="630" height="795"> <span class="tutorial-text"> The Map menu is an extension (to the left) to the normal game window. It is toggled with the inventory menu (either one of them or neither can be opened at the same time). For more information on the map, refer to <a href="./basic-concepts.html" class="hyperlink">Basic Concepts</a>.<br><br> It contains a couple of things: <br><br> @@ -75,7 +68,7 @@ </span> </p> <p class="tutorial-p"> - <img src="./images/inventory-menu.png" alt="" class="tutorial-img" width="630" height="794"> + <img src="./img/inventory-menu.png" alt="" class="tutorial-img" width="630" height="794"> <span class="tutorial-text"> The Inventory menu is an extension (to the right) to the normal game window. It is toggled with the map menu (either one of them or neither can be opened at the same time). For more information on the inventory, refer to <a href="./basic-concepts.html" class="hyperlink">Basic Concepts</a>. <br><br> It contains a couple of things: <br><br> @@ -87,7 +80,7 @@ </span> </p> <p class="tutorial-p"> - <img src="./images/crafting-window.png" alt="" class="tutorial-img" width="270" height="496"> + <img src="./img/crafting-window.png" alt="" class="tutorial-img" width="270" height="496"> <span class="tutorial-text"> Every time you open the crafting menu, it automatically gets all items that you can craft, using the items in your Items inventory. <br><br> At the top it shows you all required items (icons) and how much you need of each one. <br><br> @@ -99,22 +92,7 @@ <br> - <footer class="footer"> - <a href="https://github.com/Syndamia" target="_blank" class="hyperlink-footer" title="GitHub"><img src="../../images/logos/github.png" alt="GitHub" width="32" height="32"></a> - <a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class="hyperlink-footer" title="StackOverflow"><img src="../../images/logos/stackoverflow.png" alt="StackOverflow" width="32" height="32"></a> - <a href="https://bg.linkedin.com/in/kamen-mladenov-18563b1a3?trk=people-guest_people_search-card" target="_blank" class="hyperlink-footer" title="Linkedin"><img src="../../images/logos/linkedin.png" alt="Linkedin" width="32" height="32"></a> - - <hr width="350px" noshade> - - <a href="../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" target="_blank" class="hyperlink-footer">Website License</a> | - <a href="../../credit.html" target="_blank" class="hyperlink-footer">Credit</a> - </footer> + <footer id="child-child-dir" class="footer"></footer> </body> + <script type="text/javascript" src="../../js/footer.js"></script> </html> diff --git a/website/resume.html b/website/resume.html index 8e91855..7af09b0 100644 --- a/website/resume.html +++ b/website/resume.html @@ -1,17 +1,17 @@ <!DOCTYPE html> <html lang="en-us"> <html> - <head> + <head id="main"> <meta charset="UTF-8"> <meta name="description" content="Here you can find information about my knowledge, education and work experience"> <meta name="keywords" content="programming, portfollio, personal, resume, education, work, knowledge, experience, html, mysql, c#, csharp, career"> <meta name="author" content="Kamen Mladenov"> <meta name="robots" content="index, follow"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <link rel="icon" href="./images/favicon.png" type="image/png"/> - <link rel="shortcut icon" href="./images/favicon.png" type="image/png"/> + <link rel="icon" href="./img/favicon.png" type="image/png"/> + <link rel="shortcut icon" href="./img/favicon.png" type="image/png"/> <title>Syndamia - Resume</title> - <link rel="stylesheet" href="styles.css"> + <link rel="stylesheet" href="./css/styles.css"> <style media="screen"> .title-data { @@ -28,13 +28,9 @@ </style> </head> - <body> + <body id="Resume"> <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="./index.html" class="other-tab">Home</a> - <a href="./about.html" class="other-tab">About</a> - <a href="./resume.html" class="selected-tab">Resume</a> + <script type="text/javascript" src="./js/header.js"></script> </div> <div class="page-centered"> @@ -107,22 +103,8 @@ <br> - <footer class="footer"> - <a href="https://github.com/Syndamia" target="_blank" class="hyperlink-footer" title="GitHub"><img src="images/logos/github.png" alt="GitHub" width="32" height="32"></a> - <a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class="hyperlink-footer" title="StackOverflow"><img src="images/logos/stackoverflow.png" alt="StackOverflow" width="32" height="32"></a> - <a href="https://bg.linkedin.com/in/kamen-mladenov-18563b1a3?trk=people-guest_people_search-card" target="_blank" class="hyperlink-footer" title="Linkedin"><img src="images/logos/linkedin.png" alt="Linkedin" width="32" height="32"></a> - - <hr width="350px" noshade> - - <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" target="_blank" class="hyperlink-footer">Website License</a> | - <a href="./credit.html" target="_blank" class="hyperlink-footer">Credit</a> + <footer id="parent-dir" class="footer"> + <script type="text/javascript" src="./js/footer.js"></script> </footer> </body> </html> diff --git a/website/tutorials.html b/website/tutorials.html new file mode 100644 index 0000000..000b3ad --- /dev/null +++ b/website/tutorials.html @@ -0,0 +1,51 @@ +<!DOCTYPE html> +<html lang="en-us"> +<html> + <head id="main"> + <meta charset="UTF-8"> + <meta name="description" content="Here, you will find extensive information on technologies that aren't well documented and that I have wasted too much time figuring out"> + <meta name="keywords" content="programming, portfollio, personal, tutorials"> + <meta name="author" content="Kamen Mladenov"> + <meta name="robots" content="index, follow"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="icon" href="./img/favicon.png" type="image/png"/> + <link rel="shortcut icon" href="./img/favicon.png" type="image/png"/> + <title>Syndamia - Tutorials</title> + <link rel="stylesheet" href="./css/styles.css"> + </head> + + <body id="Tutorials"> + <div class="header"> + <script type="text/javascript" src="./js/header.js"></script> + </div> + + <div class="page-centered"> + <table class="items-table"> + <tr> + <td class="separator-cell"><hr class="separator"></td> + </tr> + <tr> + <td>GtkSharp 2.0 <span class="warning">[COMING SOON]</span></td> + </tr> + <tr> + <td class="separator-cell"><hr class="separator"></td> + </tr> + <tr> + <td><a href="./tutorials/connect-to-mysql-in-csharp-ef/introduction.html" class="hyperlink">Connect to MySql in C# and Entity Framework</a></td> + </tr> + <tr> + <td class="separator-cell"><hr class="separator"></td> + </tr> + </table> + <p> + I have some tutorial-style notes in my <a href="https://github.com/Syndamia/References" class="hyperlink">references repo</a>. Warning: some stuff might be wrong. + </p> + </div> + + <br> + + <footer id="parent-dir" class="footer"> + <script type="text/javascript" src="./js/footer.js"></script> + </footer> + </body> +</html> diff --git a/website/tutorials/connect-to-mysql-in-csharp-ef/connecting.html b/website/tutorials/connect-to-mysql-in-csharp-ef/connecting.html index 3cff4c1..c3fcdff 100644 --- a/website/tutorials/connect-to-mysql-in-csharp-ef/connecting.html +++ b/website/tutorials/connect-to-mysql-in-csharp-ef/connecting.html @@ -1,29 +1,23 @@ <!DOCTYPE html> <html lang="en-us"> <html> - <head> + <head id="mySqlConnectEntityFrameworkCSharp"> <meta charset="UTF-8"> <meta name="description" content="Code you need to write to connect to MySql in C# and Entitiy Framework"> <meta name="keywords" content="programming, C#, tutorial, mysql, entity, framework, database, asp.net, dbcontext, connectionstring, connection"> <meta name="author" content="Kamen Mladenov"> <meta name="robots" content="index, follow"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <link rel="icon" href="../../images/favicon.png" type="image/png"/> - <link rel="shortcut icon" href="../../images/favicon.png" type="image/png"/> + <link rel="icon" href="../../img/favicon.png" type="image/png"/> + <link rel="shortcut icon" href="../../img/favicon.png" type="image/png"/> <title>Connect to MySql in C# and Entitiy Framework - Connecting</title> - <link rel="stylesheet" href="../../styles.css"> - <link rel="stylesheet" href="../../styles-multiple-page-articles.css"> + <link rel="stylesheet" href="../../css/styles.css"> + <link rel="stylesheet" href="../../css/styles-multiple-page-articles.css"> </head> - <body> + <body id="Connecting"> <div class="header"> - <div class="article-title">Connect to MySql in C# and Entitiy Framework</div> - - <a href="./introduction.html" class="other-tab">Introduction</a> - <a href="./preparation.html" class="other-tab">Preparation</a> - <a href="./connecting.html" class="selected-tab">Connecting</a> - - <a href="../index.html" class="close" style="margin-left: 403px;" title="Back to Tutorials"><img src="../../images/ui/close.png" alt="Back" width="32" height="32"></a> + <script type="text/javascript" src="../../js/header.js"></script> </div> <div class="page"> @@ -37,7 +31,7 @@ If you don't know your port or user id, just look at the connection you use to connect to the database. </p> <p class="tutorial-p"> - <img src="./images/connections.png" alt="MyServer root 127.0.0.1:3306" class="tutorial-img" width="262" height="152"> + <img src="./img/connections.png" alt="MyServer root 127.0.0.1:3306" class="tutorial-img" width="262" height="152"> <span class="tutorial-text"> In this example, the user id is <i>root</i> and the port is <i>3306</i>. </span> @@ -81,22 +75,7 @@ <br> - <footer class="footer"> - <a href="https://github.com/Syndamia" target="_blank" class="hyperlink-footer" title="GitHub"><img src="../../images/logos/github.png" alt="GitHub" width="32" height="32"></a> - <a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class="hyperlink-footer" title="StackOverflow"><img src="../../images/logos/stackoverflow.png" alt="StackOverflow" width="32" height="32"></a> - <a href="https://bg.linkedin.com/in/kamen-mladenov-18563b1a3?trk=people-guest_people_search-card" target="_blank" class="hyperlink-footer" title="Linkedin"><img src="../../images/logos/linkedin.png" alt="Linkedin" width="32" height="32"></a> - - <hr width="350px" noshade> - - <a href="../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" target="_blank" class="hyperlink-footer">Website License</a> | - <a href="../../credit.html" target="_blank" class="hyperlink-footer">Credit</a> - </footer> + <footer id="child-child-dir" class="footer"></footer> </body> + <script type="text/javascript" src="../../js/footer.js"></script> </html> diff --git a/website/tutorials/connect-to-mysql-in-csharp-ef/images/connections.png b/website/tutorials/connect-to-mysql-in-csharp-ef/img/connections.png Binary files differindex aa7b408..aa7b408 100644 --- a/website/tutorials/connect-to-mysql-in-csharp-ef/images/connections.png +++ b/website/tutorials/connect-to-mysql-in-csharp-ef/img/connections.png diff --git a/website/tutorials/connect-to-mysql-in-csharp-ef/introduction.html b/website/tutorials/connect-to-mysql-in-csharp-ef/introduction.html index 05f06a8..d25999e 100644 --- a/website/tutorials/connect-to-mysql-in-csharp-ef/introduction.html +++ b/website/tutorials/connect-to-mysql-in-csharp-ef/introduction.html @@ -1,29 +1,23 @@ <!DOCTYPE html> <html lang="en-us"> <html> - <head> + <head id="mySqlConnectEntityFrameworkCSharp"> <meta charset="UTF-8"> <meta name="description" content="Connecting to MySql through C# can be quite tricky. For that reason, I am making this tutorial."> <meta name="keywords" content="programming, C#, tutorial, mysql, entity, framework, database, asp.net, dbcontext, connectionstring, connection"> <meta name="author" content="Kamen Mladenov"> <meta name="robots" content="index, follow"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <link rel="icon" href="../../images/favicon.png" type="image/png"/> - <link rel="shortcut icon" href="../../images/favicon.png" type="image/png"/> + <link rel="icon" href="../../img/favicon.png" type="image/png"/> + <link rel="shortcut icon" href="../../img/favicon.png" type="image/png"/> <title>Connect to MySql in C# and Entitiy Framework - Introduction</title> - <link rel="stylesheet" href="../../styles.css"> - <link rel="stylesheet" href="../../styles-multiple-page-articles.css"> + <link rel="stylesheet" href="../../css/styles.css"> + <link rel="stylesheet" href="../../css/styles-multiple-page-articles.css"> </head> - <body> + <body id="Introduction"> <div class="header"> - <span class="article-title">Connect to MySql in C# and Entitiy Framework</span> - - <a href="./introduction.html" class="selected-tab">Introduction</a> - <a href="./preparation.html" class="other-tab">Preparation</a> - <a href="./connecting.html" class="other-tab">Connecting</a> - - <a href="../index.html" class="close" style="margin-left: 403px;" title="Back to Tutorials"><img src="../../images/ui/close.png" alt="Back" width="32" height="32"></a> + <script type="text/javascript" src="../../js/header.js"></script> </div> <div class="page"> @@ -40,22 +34,8 @@ <br> - <footer class="footer"> - <a href="https://github.com/Syndamia" target="_blank" class="hyperlink-footer" title="GitHub"><img src="../../images/logos/github.png" alt="GitHub" width="32" height="32"></a> - <a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class="hyperlink-footer" title="StackOverflow"><img src="../../images/logos/stackoverflow.png" alt="StackOverflow" width="32" height="32"></a> - <a href="https://bg.linkedin.com/in/kamen-mladenov-18563b1a3?trk=people-guest_people_search-card" target="_blank" class="hyperlink-footer" title="Linkedin"><img src="../../images/logos/linkedin.png" alt="Linkedin" width="32" height="32"></a> - - <hr width="350px" noshade> - - <a href="../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" target="_blank" class="hyperlink-footer">Website License</a> | - <a href="../../credit.html" target="_blank" class="hyperlink-footer">Credit</a> + <footer id="child-child-dir" class="footer"> + <script type="text/javascript" src="../../js/footer.js"></script> </footer> </body> </html> diff --git a/website/tutorials/connect-to-mysql-in-csharp-ef/preparation.html b/website/tutorials/connect-to-mysql-in-csharp-ef/preparation.html index 9bc73cf..cd1930b 100644 --- a/website/tutorials/connect-to-mysql-in-csharp-ef/preparation.html +++ b/website/tutorials/connect-to-mysql-in-csharp-ef/preparation.html @@ -1,29 +1,23 @@ <!DOCTYPE html> <html lang="en-us"> <html> - <head> + <head id="mySqlConnectEntityFrameworkCSharp"> <meta charset="UTF-8"> <meta name="description" content="Things you need to do as preparations for connecting to MySql in C# and Entitiy Framework"> <meta name="keywords" content="programming, C#, tutorial, mysql, entity, framework, database, asp.net, dbcontext, connectionstring, connection"> <meta name="author" content="Kamen Mladenov"> <meta name="robots" content="index, follow"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <link rel="icon" href="../../images/favicon.png" type="image/png"/> - <link rel="shortcut icon" href="../../images/favicon.png" type="image/png"/> + <link rel="icon" href="../../img/favicon.png" type="image/png"/> + <link rel="shortcut icon" href="../../img/favicon.png" type="image/png"/> <title>Connect to MySql in C# and Entitiy Framework - Preparation</title> - <link rel="stylesheet" href="../../styles.css"> - <link rel="stylesheet" href="../../styles-multiple-page-articles.css"> + <link rel="stylesheet" href="../../css/styles.css"> + <link rel="stylesheet" href="../../css/styles-multiple-page-articles.css"> </head> - <body> + <body id="Preparation"> <div class="header"> - <span class="article-title">Connect to MySql in C# and Entitiy Framework</span> - - <a href="./introduction.html" class="other-tab">Introduction</a> - <a href="./preparation.html" class="selected-tab">Preparation</a> - <a href="./connecting.html" class="other-tab">Connecting</a> - - <a href="../index.html" class="close" style="margin-left: 403px;" title="Back to Tutorials"><img src="../../images/ui/close.png" alt="Back" width="32" height="32"></a> + <script type="text/javascript" src="../../js/header.js"></script> </div> <div class="page"> @@ -43,22 +37,7 @@ <br> - <footer class="footer"> - <a href="https://github.com/Syndamia" target="_blank" class="hyperlink-footer" title="GitHub"><img src="../../images/logos/github.png" alt="GitHub" width="32" height="32"></a> - <a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class="hyperlink-footer" title="StackOverflow"><img src="../../images/logos/stackoverflow.png" alt="StackOverflow" width="32" height="32"></a> - <a href="https://bg.linkedin.com/in/kamen-mladenov-18563b1a3?trk=people-guest_people_search-card" target="_blank" class="hyperlink-footer" title="Linkedin"><img src="../../images/logos/linkedin.png" alt="Linkedin" width="32" height="32"></a> - - <hr width="350px" noshade> - - <a href="../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" target="_blank" class="hyperlink-footer">Website License</a> | - <a href="../../credit.html" target="_blank" class="hyperlink-footer">Credit</a> - </footer> + <footer id="child-child-dir" class="footer"></footer> </body> + <script type="text/javascript" src="../../js/footer.js"></script> </html> diff --git a/website/tutorials/index.html b/website/tutorials/index.html deleted file mode 100644 index ae24f9d..0000000 --- a/website/tutorials/index.html +++ /dev/null @@ -1,70 +0,0 @@ -<!DOCTYPE html> -<html lang="en-us"> -<html> - <head> - <meta charset="UTF-8"> - <meta name="description" content="Here, you will find extensive information on technologies that aren't well documented and that I have wasted too much time figuring out"> - <meta name="keywords" content="programming, portfollio, personal, tutorials"> - <meta name="author" content="Kamen Mladenov"> - <meta name="robots" content="index, follow"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <link rel="icon" href="../images/favicon.png" type="image/png"/> - <link rel="shortcut icon" href="../images/favicon.png" type="image/png"/> - <title>Syndamia - Tutorials</title> - <link rel="stylesheet" href="../styles.css"> - <link rel="stylesheet" href="../styles-multiple-page-articles.css"> - </head> - - <body> - <div class="header"> - <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> - <a href="../resume.html" class="other-tab">Resume</a> - </div> - - <div class="page-centered"> - <table class="items-table"> - <tr> - <td class="separator-cell"><hr class="separator"></td> - </tr> - <tr> - <td>GtkSharp 2.0 <span class="warning">[COMING SOON]</span></td> - </tr> - <tr> - <td class="separator-cell"><hr class="separator"></td> - </tr> - <tr> - <td><a href="./connect-to-mysql-in-csharp-ef/introduction.html" class="hyperlink">Connect to MySql in C# and Entity Framework</a></td> - </tr> - <tr> - <td class="separator-cell"><hr class="separator"></td> - </tr> - </table> - <p> - I have some tutorial-style notes in my <a href="https://github.com/Syndamia/References" class="hyperlink">references repo</a>. Warning: some stuff might be wrong. - </p> - </div> - - <br> - - <footer class="footer"> - <a href="https://github.com/Syndamia" target="_blank" class="hyperlink-footer" title="GitHub"><img src="../images/logos/github.png" alt="GitHub" width="32" height="32"></a> - <a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class="hyperlink-footer" title="StackOverflow"><img src="../images/logos/stackoverflow.png" alt="StackOverflow" width="32" height="32"></a> - <a href="https://bg.linkedin.com/in/kamen-mladenov-18563b1a3?trk=people-guest_people_search-card" target="_blank" class="hyperlink-footer" title="Linkedin"><img src="../images/logos/linkedin.png" alt="Linkedin" width="32" height="32"></a> - - <hr width="350px" noshade> - - <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" target="_blank" class="hyperlink-footer">Website License</a> | - <a href="../credit.html" target="_blank" class="hyperlink-footer">Credit</a> - </footer> - </body> -</html> |
