diff options
2 files changed, 0 insertions, 107 deletions
| -rw-r--r-- | website/js/footer.js | 32 | ||||
| -rw-r--r-- | website/js/header.js | 75 |
diff --git a/website/js/footer.js b/website/js/footer.js deleted file mode 100644 index 7f1853e..0000000 --- a/website/js/footer.js +++ /dev/null @@ -1,32 +0,0 @@ -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}blog.html" class="hyperlink-footer">Blog</a> | -<a href="${folderLevel}about.html" class="hyperlink-footer">About</a> | -<a href="${folderLevel}contact.html" class="hyperlink-footer">Contact</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 deleted file mode 100644 index 21986b4..0000000 --- a/website/js/header.js +++ /dev/null @@ -1,75 +0,0 @@ -const pageGroups = { - main: { - Tutorials: 'tutorials.html', - Projects: 'projects.html', - Blog: 'blog.html', - Home: 'index.html', - About: 'about.html', - Contact: 'contact.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)); -} |