{"id":18924316,"url":"https://github.com/hellsan631/logosdrilldown","last_synced_at":"2026-03-14T01:30:20.684Z","repository":{"id":21462101,"uuid":"24780563","full_name":"hellsan631/LogosDrillDown","owner":"hellsan631","description":"A responsive javascript drill down menu system that focuses on great features without sacrificing performance","archived":false,"fork":false,"pushed_at":"2014-10-05T06:33:07.000Z","size":328,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-12-31T17:35:35.991Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hellsan631.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-10-04T03:12:14.000Z","updated_at":"2021-04-28T21:30:06.000Z","dependencies_parsed_at":"2022-08-21T14:20:55.988Z","dependency_job_id":null,"html_url":"https://github.com/hellsan631/LogosDrillDown","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hellsan631%2FLogosDrillDown","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hellsan631%2FLogosDrillDown/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hellsan631%2FLogosDrillDown/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hellsan631%2FLogosDrillDown/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hellsan631","download_url":"https://codeload.github.com/hellsan631/LogosDrillDown/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239921876,"owners_count":19718842,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-08T11:06:29.942Z","updated_at":"2026-03-14T01:30:20.638Z","avatar_url":"https://github.com/hellsan631.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"LogosDrillDown\n==============\n\nA responsive drill down menu system that focuses on great features without sacrificing performance\n\nhttp://mathew-kleppin.com/storage/logosDrillDown/\n\n## Getting Started\n\n### Requirements\n\n```\nRequires jQuery\nRequires Twitter Bootstrap CSS\n```\n\n#### Recommended\n\n```\nRecommended VelocityJS\nhttp://julian.com/research/velocity/\n```\n\n### Installation\n\nJust include the twitter bootstrap css in the header, along with the (recommended) base style sheet.\n\n```html\n\u003chead\u003e\n  \u003clink href=\"assets/css/bootstrap.css\" rel=\"stylesheet\" type=\"text/css\"\u003e\n  \u003clink href=\"assets/css/styleBase.css\" rel=\"stylesheet\" type=\"text/css\"\u003e\n\u003c/head\u003e\n```\n\nNext, Add in your content in the body\n\n```html\n\u003cbody\u003e\n  \u003cdiv class=\"nav-wrapper\"\u003e\n  \n      \u003cdiv class=\"menu-breadcrumbs\"\u003e\u003c/div\u003e\n  \n      \u003cnav id=\"nav\"\u003e\n  \n          \u003cul\u003e\n              \u003cli\u003e\u003ca href=\"#\"\u003eHome\u003c/a\u003e\u003c/li\u003e\n              \u003cli\u003e\n                  \u003ca href=\"#\"\u003eAbout Us\u003c/a\u003e\n                  \u003cul\u003e\n                      \u003cli class=\"menu-label\"\u003eAbout Us\u003c/li\u003e\n                      \u003cli\u003e\u003ca href=\"#\"\u003eHistory\u003c/a\u003e\u003c/li\u003e\n                  \u003c/ul\u003e\n              \u003c/li\u003e\n              \u003cli\u003e\u003ca href=\"#\"\u003eContact\u003c/a\u003e\u003c/li\u003e\n          \u003c/ul\u003e\n      \u003c/nav\u003e\n  \u003c/div\u003e\n\u003c/body\u003e\n```\n\nThen add in your scripts\n\n```html\n\u003cscript src=\"assets/js/jquery-2.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"assets/js/velocity.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"./logosDrillDown.min.js\"\u003e\u003c/script\u003e\n\n\u003cscript\u003e\n\n    // Initialize menu\n    $(document).ready(function() {\n\n        'use strict';\n\n        var $breadcrumbs = $(\".nav-wrapper .menu-breadcrumbs\"),\n                $drillDown = $(\"#nav\");\n\n        $drillDown.logosDrillDown({\n            onOpened: manageBreadcrumbs,\n            onClosed: manageBreadcrumbs,\n            expandableClass: \"has-children\",\n            startName: \"Home\"\n        });\n\n        //If you want the menu to resize when you resize the window,\n        //just call this function\n        $(window).on('resize', function(){\n            $drillDown.logosDrillDown(\"windowResizeEvent\");\n        });\n        \n        //functions to manage the breadcrumbs as you go deeper into the menu\n        function manageBreadcrumbs() {\n            $breadcrumbs.html($drillDown.logosDrillDown(\"getBreadcrumbsFormatted\"));\n        }\n\n        manageBreadcrumbs();\n    });\n\n\u003c/script\u003e\n```\n\n### Enjoy!\n\nThe menu was build using jQuery, with most of the animations using VelocityJS for maximum performance on desktop and mobile devices.\n\nAs there are a few scripts included in here, each script that isn't of my design is copyright its original authors.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhellsan631%2Flogosdrilldown","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhellsan631%2Flogosdrilldown","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhellsan631%2Flogosdrilldown/lists"}