|
7 | 7 | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">
|
8 | 8 |
|
9 | 9 | <!-- Google Font -->
|
| 10 | + |
10 | 11 | <link rel="preconnect" href="https://fonts.googleapis.com">
|
11 | 12 | <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
12 | 13 | <link href="https://fonts.googleapis.com/css2?family=Lato:wght@700&display=swap" rel="stylesheet">
|
| 14 | + |
13 | 15 | <!-------->
|
14 | 16 |
|
15 | 17 | <style>
|
|
22 | 24 |
|
23 | 25 |
|
24 | 26 | .navMenu {
|
25 |
| - /* Change font family here */ |
26 | 27 | font-family: 'Advent Pro', sans-serif;
|
27 | 28 | padding: 8px;
|
28 | 29 | text-align: center;
|
|
31 | 32 | }
|
32 | 33 |
|
33 | 34 | .navMenu a {
|
34 |
| - /* Change font color here */ |
35 | 35 | color: #272727;
|
36 | 36 | text-decoration: none;
|
37 | 37 | text-transform: uppercase;
|
|
40 | 40 | }
|
41 | 41 |
|
42 | 42 | .background {
|
43 |
| - /* Change background color here */ |
44 | 43 | background-color: #ece5f0;
|
45 | 44 | }
|
46 | 45 |
|
47 | 46 | .border {
|
48 |
| - /* Change border color & thickness here */ |
49 | 47 | border: 1px solid #cccccc;
|
50 | 48 |
|
51 | 49 | }
|
52 | 50 |
|
53 | 51 | .navMenu a:hover {
|
54 |
| - /* Change on hover font color here */ |
| 52 | + |
55 | 53 | color: #d09c0b;
|
56 | 54 | }
|
57 | 55 | </style>
|
|
71 | 69 | <a id="notes" onclick="navigate(this.id)" href="#"> <i class="fa-solid fa-book"></i> Notes</a>
|
72 | 70 | <a id="media" onclick="navigate(this.id)" href="#"> <i class="fa-solid fa-bookmark"></i> Media</a>
|
73 | 71 | <a id="resourses" onclick="navigate(this.id)" href="#"> <i class="fa-solid fa-wrench"></i> Resourses</a>
|
74 |
| - <a id="recipies" onclick="navigate(this.id)" href="#"> <i class="fa-solid fa-bowl-rice"></i> Recipes</a> |
75 | 72 | <a id="lifewiki" onclick="navigate(this.id)" href="#"> <i class="fa-solid fa-heart"></i> Lifewiki</a>
|
76 | 73 |
|
77 | 74 |
|
|
81 | 78 |
|
82 | 79 | <script>
|
83 | 80 |
|
84 |
| - let direction = "horizontal"; //Change nav bar direction here |
85 |
| - |
| 81 | + let direction = "vertical"; |
86 | 82 | if (direction === "vertical") {
|
87 | 83 | document.head.insertAdjacentHTML("beforeend", `<style>.navMenu a {display: block; text-align:left; margin:7px} i{width:15px; margin-right:5px}</style>`)
|
88 | 84 | }
|
|
91 | 87 | function navigate(id) {
|
92 | 88 |
|
93 | 89 | if (id == 'home')
|
94 |
| - window.open("https://example.com", '_blank').focus(); |
| 90 | + window.open("https://www.notion.so/Home-743cb734ac4c41ee90896e039f0dd917", '_blank').focus(); |
95 | 91 | else if (id == "inbox")
|
96 |
| - window.open("https://example.com", '_blank').focus(); |
| 92 | + window.open("https://www.notion.so/Inbox-91a8ce98118147d384c511c67833bb6d", '_blank').focus(); |
97 | 93 | else if (id == "week")
|
98 |
| - window.open("https://example.com", '_blank').focus(); |
| 94 | + window.open("https://www.notion.so/shorouk/This-Week-bd3171730a4c4a9097399770acde9882", '_blank').focus(); |
99 | 95 | else if (id == "month")
|
100 |
| - window.open("https://example.com", '_blank').focus(); |
| 96 | + window.open("https://www.notion.so/shorouk/This-Month-c18ee8ef9c754f088670caa55df0b0e0", '_blank').focus(); |
101 | 97 | else if (id == "projects")
|
102 |
| - window.open("https://example.com", '_blank').focus(); |
| 98 | + window.open("https://www.notion.so/Projects-e6745abbeaf0418aab7b9f6c57f3aba0", '_blank').focus(); |
103 | 99 | else if (id == "business")
|
104 |
| - window.open("https://example.com", '_blank').focus(); |
| 100 | + window.open("https://www.notion.so/shorouk/Business-Dashboard-75f3e1cb7d0a4895929ec5feed780e55", '_blank').focus(); |
105 | 101 | else if (id == "tasks")
|
106 |
| - window.open("https://example.com", '_blank').focus(); |
107 |
| - else if (id == "recipes") |
108 |
| - window.open("https://example.com", '_blank').focus(); |
| 102 | + window.open("https://www.notion.so/Task-Manager-48ea6f04eaf24aa0889a5b5de34ea415", '_blank').focus(); |
109 | 103 | else if (id == "knowledge")
|
110 |
| - window.open("https://example.com", '_blank').focus(); |
| 104 | + window.open("https://www.notion.so/My-Knowledge-Base-7b003813544d478b9f61d813cfaefae5", '_blank').focus(); |
111 | 105 | else if (id == "topics")
|
112 |
| - window.open("https://example.com", '_blank').focus(); |
| 106 | + window.open("https://www.notion.so/Topics-Browser-bb6d50722de74a0e8cc2e678e76b0a44", '_blank').focus(); |
113 | 107 | else if (id == "notes")
|
114 |
| - window.open("https://example.com", '_blank').focus(); |
| 108 | + window.open("https://www.notion.so/The-Notebook-6939d2ac0fa84089a3c83ca657c9cdfb", '_blank').focus(); |
115 | 109 | else if (id == "media")
|
116 |
| - window.open("https://example.com", '_blank').focus(); |
| 110 | + window.open("https://www.notion.so/Multimedia-Library-74c4d2eea2fc4f25b3fdebaaea4de2c3", '_blank').focus(); |
117 | 111 | else if (id == "resourses")
|
118 |
| - window.open("https://example.com", '_blank').focus(); |
| 112 | + window.open("https://www.notion.so/Resources-Library-766dde1a6f1e4a3499b9d65a8013e5e3", '_blank').focus(); |
119 | 113 | else if (id == "lifewiki")
|
120 |
| - window.open("https://example.com", '_blank').focus(); |
| 114 | + window.open("https://www.notion.so/My-Life-wiki-51e257c76f984c2cb58858573a101989", '_blank').focus(); |
121 | 115 |
|
122 | 116 | }
|
123 | 117 | </script>
|
|
0 commit comments