Commit e24faef6 authored by Dario's avatar Dario
Browse files

Added animations in the dropdown menus

parent 35f1d3f2
Pipeline #1516 failed with stage
......@@ -29,18 +29,6 @@ GetStarted :
- text : How to create a boot device
URL : https://download.parrot.sh/parrot/iso/
- text : System requirements
URL : https://download.parrot.sh/parrot/iso/
- text : Supported Hardware
URL : https://download.parrot.sh/parrot/iso/
- text : What version should I download?
URL : https://download.parrot.sh/parrot/iso/
- text : How to create a boot device
URL : https://download.parrot.sh/parrot/iso/
- text : How to boot
URL : https://download.parrot.sh/parrot/iso/
......
......@@ -27,23 +27,6 @@
</div>
</section>
<!--
<section class="text-center">
<div class="col-lg-12 row my-5 mx-auto justify-content-center">
{{ range $data.docs.aboutItem }}
<div id="menu" class="card mx-3" style="width: 18rem; background-color: #242930 !important;">
<div class="icon-box my-4">
{{with .icon}}<img class="help-box" width="150" src="{{ . }}" />{{ end }}
</div>
<div class="card-body">
{{ with .title }}<h3 class="card-title text-white">{{ . }}</h3>{{ end }}
</div>
</div>
{{ end }}
</div>
</section>
-->
<section class="text-center">
<div class="col-lg-12 row my-5 mx-auto justify-content-center">
<div id="get-started" class="card mx-3 h-50" style="width: 18rem; background-color: #242930 !important;">
......@@ -113,43 +96,4 @@
</div>
</section>
<!--
<section class="text-center">
<div class="col-lg-12 row my-3 mx-auto justify-content-center">
<div id="sub_menu1" class="card mx-3" style="width: 18rem; background-color: #242930 !important; visibility: hidden;">
{{ range $data.docs.GetStarted }}
<div class="card-body">
<a href="{{ .URL }}" target="_blank"><p class="text-left ml-4 my-1">{{ .text }}</p></a>
<hr>
</div>
{{ end }}
</div>
<div id="sub_menu2" class="card mx-3" style="width: 18rem; background-color: #242930 !important; visibility: hidden;">
{{ range $data.docs.Setup }}
<div class="card-body">
<a href="{{ .URL }}" target="_blank"><p class="text-left ml-4 my-1">{{ .text }}</p></a>
<hr>
</div>
{{ end }}
</div>
<div id="sub_menu3" class="card mx-3" style="width: 18rem; background-color: #242930 !important; visibility: hidden;">
{{ range $data.docs.Troubleshooting }}
<div class="card-body">
<a href="{{ .URL }}" target="_blank"><p class="text-left ml-4 my-1">{{ .text }}</p></a>
<hr>
</div>
{{ end }}
</div>
<div id="sub_menu4" class="card mx-3" style="width: 18rem; background-color: #242930 !important; visibility: hidden;">
{{ range $data.docs.Project }}
<div class="card-body">
<a href="{{ .URL }}" target="_blank"><p class="text-left ml-4 my-1">{{ .text }}</p></a>
<hr>
</div>
{{ end }}
</div>
</div>
</section>
-->
{{ end }}
......@@ -19,29 +19,29 @@
/* ========================================================================= */
$('#get-started').mouseover(function () {
$('#get-started-sub').show();
$('#get-started-sub').show('slow');
});
$('#get-started').mouseout(function () {
$('#get-started-sub').hide();
$('#get-started').mouseleave(function () {
$('#get-started-sub').hide('slow');
});
$('#setup').mouseover(function () {
$('#setup-sub').show();
$('#setup-sub').show('slow');
});
$('#setup').mouseout(function () {
$('#setup-sub').hide();
$('#setup').mouseleave(function () {
$('#setup-sub').hide('slow');
});
$('#troubleshooting').mouseover(function () {
$('#troubleshooting-sub').show();
$('#troubleshooting-sub').show('slow');
});
$('#troubleshooting').mouseout(function () {
$('#troubleshooting-sub').hide();
$('#troubleshooting').mouseleave(function () {
$('#troubleshooting-sub').hide('slow');
});
$('#project').mouseover(function () {
$('#project-sub').show();
$('#project-sub').show('slow');
});
$('#project').mouseleave(function () {
$('#project-sub').hide('slow');
});
$('#project').mouseout(function () {
$('#project-sub').hide();
});
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment