Skip to content

Commit

Permalink
Landing page (#22)
Browse files Browse the repository at this point in the history 
* update landing page with basic design

* add images

* animate on scroll library

* update styles

* remove unneeded icons

* correct footer label

* fix form messages

* downsize images

---------

Co-authored-by: Hannes Mehnert <[email protected]>
  • Loading branch information
@PizieDust @hannesm
PizieDust and hannesm authored Aug 26, 2024
1 parent 5f0642b commit 681aad4
Show file tree
Hide file tree
Showing 11 changed files with 420 additions and 123 deletions.
Binary file added assets/albatross_1.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/dashboard_1.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 7 additions & 3 deletions assets/main.js
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,7 @@
document.addEventListener('DOMContentLoaded', function () {
AOS.init();
});

function filterData() {
var input, filter, table, tr, td, i, txtValue;
input = document.getElementById("searchQuery");
Expand Down Expand Up @@ -67,16 +71,16 @@ async function saveConfig() {
})
const data = await response.json();
if (data.status === 200) {
formAlert.classList.remove("hidden");
formAlert.classList.remove("hidden", "text-secondary-500");
formAlert.classList.add("text-primary-500");
formAlert.textContent = "Succesfully updated";
setTimeout(function() {
window.location.reload();
}, 2000);
} else {
formAlert.classList.remove("hidden");
formAlert.classList.remove("hidden", "text-primary-500");
formAlert.classList.add("text-secondary-500");
formAlert.textContent = data.message
formAlert.textContent = data.data
}
} catch (error) {
formAlert.classList.remove("hidden");
Expand Down
Binary file added assets/mirage_os_1.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion assets/style.css
View file

Large diffs are not rendered by default.

56 changes: 4 additions & 52 deletions dashboard.ml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -88,19 +88,7 @@ let dashboard_layout ~icon ?(page_title = "Dashboard | Mollymawk")
cursor-pointer hover:text-primary-500";
];
]
[
i
~a:
[
a_class
[
"fa-solid fa-grip text-primary-500 \
text-sm";
];
]
[];
span [ txt "Dashboard" ];
];
[ span [ txt "Dashboard" ] ];
div
~a:
[
Expand All @@ -122,19 +110,7 @@ let dashboard_layout ~icon ?(page_title = "Dashboard | Mollymawk")
hover:text-primary-500";
];
]
[
i
~a:
[
a_class
[
"fa-solid fa-leaf \
text-primary-500 text-sm";
];
]
[];
span [ txt "Documentation" ];
];
[ span [ txt "Documentation" ] ];
];
div
~a:
Expand All @@ -157,19 +133,7 @@ let dashboard_layout ~icon ?(page_title = "Dashboard | Mollymawk")
hover:text-primary-500";
];
]
[
i
~a:
[
a_class
[
"fa-solid fa-leaf \
text-primary-500 text-sm";
];
]
[];
span [ txt "MirageOS" ];
];
[ span [ txt "MirageOS" ] ];
];
div
~a:
Expand All @@ -192,19 +156,7 @@ let dashboard_layout ~icon ?(page_title = "Dashboard | Mollymawk")
hover:text-primary-500";
];
]
[
i
~a:
[
a_class
[
"fa-solid fa-user \
text-primary-500 text-sm";
];
]
[];
span [ txt "Account" ];
];
[ span [ txt "Account" ] ];
];
];
];
Expand Down
2 changes: 1 addition & 1 deletion footer_layout.ml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@ let footer =
text-white mb-3";
];
]
[ txt "Contact" ];
[ txt "Resources" ];
dd
~a:[ a_class [ "font-medium flex flex-col items-start" ] ]
[
Expand Down
67 changes: 8 additions & 59 deletions guest_layout.ml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@ let guest_layout ?(page_title = "Dashboard | Mollymawk") ~icon ~content () =
html
(Header_layout.header ~page_title ~icon ())
(body
~a:[ a_class [ "bg-primary-50" ] ]
[
section
[
Expand Down Expand Up @@ -69,19 +70,7 @@ let guest_layout ?(page_title = "Dashboard | Mollymawk") ~icon ~content () =
hover:text-primary-500";
];
]
[
i
~a:
[
a_class
[
"fa-solid fa-leaf \
text-primary-500 text-sm";
];
]
[];
span [ txt "Documentation" ];
];
[ span [ txt "Documentation" ] ];
];
div
~a:
Expand All @@ -104,19 +93,7 @@ let guest_layout ?(page_title = "Dashboard | Mollymawk") ~icon ~content () =
hover:text-primary-500";
];
]
[
i
~a:
[
a_class
[
"fa-solid fa-leaf \
text-primary-500 text-sm";
];
]
[];
span [ txt "MirageOS" ];
];
[ span [ txt "MirageOS" ] ];
];
div
~a:
Expand All @@ -139,19 +116,7 @@ let guest_layout ?(page_title = "Dashboard | Mollymawk") ~icon ~content () =
hover:text-primary-500";
];
]
[
i
~a:
[
a_class
[
"fa-solid fa-leaf \
text-primary-500 text-sm";
];
]
[];
span [ txt "Robur" ];
];
[ span [ txt "Robur" ] ];
];
div
~a:
Expand All @@ -174,19 +139,7 @@ let guest_layout ?(page_title = "Dashboard | Mollymawk") ~icon ~content () =
hover:text-primary-500";
];
]
[
i
~a:
[
a_class
[
"fa-solid fa-leaf \
text-primary-500 text-sm";
];
]
[];
span [ txt "Pricing" ];
];
[ span [ txt "Pricing" ] ];
];
];
div
Expand Down Expand Up @@ -220,20 +173,16 @@ let guest_layout ?(page_title = "Dashboard | Mollymawk") ~icon ~content () =
[
"flex space-x-1 items-center \
cursor-pointer hover:text-primary-50 \
bg-primary-500 px-3 py-2 rounded-xl";
bg-primary-500 px-3 py-2 rounded-xl \
hover:bg-primary-800";
];
]
[ txt "Get Started" ];
];
];
];
];
section
~a:
[
a_class [ "col-span-10 px-4 py-6 bg-gray-50 shadow-md my-6" ];
]
[ content ];
section ~a:[ a_class [ "col-span-10 px-4 py-6 my-6" ] ] [ content ];
Footer_layout.footer;
]))
in
Expand Down
3 changes: 3 additions & 0 deletions header_layout.ml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,5 +18,8 @@ let header ?(page_title = "Mollymawk") ~icon () =
~href:"https://unpkg.com/[email protected]/dist/aos.css" ();
link ~rel:[ `Stylesheet ] ~href:"/style.css" ();
script ~a:[ a_src "https://kit.fontawesome.com/d1697f2fa9.js" ] (txt "");
link ~rel:[ `Stylesheet ]
~href:"https://unpkg.com/[email protected]/dist/aos.css" ();
script ~a:[ a_src "https://unpkg.com/[email protected]/dist/aos.js" ] (txt "");
link ~rel:[ `Icon ] ~href:icon ();
])
Loading

0 comments on commit 681aad4

Please sign in to comment.