{"id":14972212,"url":"https://github.com/paomedia/clearmin","last_synced_at":"2025-04-09T12:06:41.940Z","repository":{"id":80879341,"uuid":"53424838","full_name":"paomedia/clearmin","owner":"paomedia","description":"Bootstrap 3 responsive dashboard / webapp / admin template","archived":false,"fork":false,"pushed_at":"2020-02-07T12:58:41.000Z","size":1693,"stargazers_count":262,"open_issues_count":3,"forks_count":119,"subscribers_count":22,"default_branch":"master","last_synced_at":"2025-04-02T10:12:17.256Z","etag":null,"topics":["admin-dashboard","bootstrap3"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/paomedia.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2016-03-08T15:53:13.000Z","updated_at":"2025-03-06T02:13:35.000Z","dependencies_parsed_at":"2023-07-13T14:16:33.937Z","dependency_job_id":null,"html_url":"https://github.com/paomedia/clearmin","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paomedia%2Fclearmin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paomedia%2Fclearmin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paomedia%2Fclearmin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paomedia%2Fclearmin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/paomedia","download_url":"https://codeload.github.com/paomedia/clearmin/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248036063,"owners_count":21037092,"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":["admin-dashboard","bootstrap3"],"created_at":"2024-09-24T13:46:33.807Z","updated_at":"2025-04-09T12:06:41.919Z","avatar_url":"https://github.com/paomedia.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Clearmin Web Template\n\n![Clearmin template](preview.png)\n\n\nBootstrap 3 dashboard / webapp / admin template\n\n**Check the demo : http://cm.paomedia.com/**\n\n**More doc inside the repo**\n\nBrowser support : ie9+, (Chrome, firefox, opera, safari), mobile browsers\n\n\n## Quick start\n\nTo start using Clearmin template in a new project you can use this minimal template :\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"en\"\u003e\n  \u003chead\u003e\n    \u003cmeta charset=\"utf-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1\"\u003e\n    \u003clink rel=\"stylesheet\" type=\"text/css\" href=\"assets/css/bootstrap-clearmin.min.css\"\u003e\n    \u003clink rel=\"stylesheet\" type=\"text/css\" href=\"assets/css/roboto.css\"\u003e\n    \u003clink rel=\"stylesheet\" type=\"text/css\" href=\"assets/css/material-design.css\"\u003e\n    \u003clink rel=\"stylesheet\" type=\"text/css\" href=\"assets/css/small-n-flat.css\"\u003e\n    \u003clink rel=\"stylesheet\" type=\"text/css\" href=\"assets/css/font-awesome.min.css\"\u003e\n    \u003ctitle\u003eClearmin Page\u003c/title\u003e\n  \u003c/head\u003e\n  \u003cbody class=\"cm-no-transition cm-1-navbar\"\u003e\n    \u003cdiv id=\"cm-menu\"\u003e\n      \u003cnav class=\"cm-navbar cm-navbar-primary\"\u003e\n        \u003cdiv class=\"cm-flex\"\u003e\u003cdiv class=\"cm-logo\"\u003e\u003c/div\u003e\u003c/div\u003e\n        \u003cdiv class=\"btn btn-primary md-menu-white\" data-toggle=\"cm-menu\"\u003e\u003c/div\u003e\n      \u003c/nav\u003e\n      \u003cdiv id=\"cm-menu-content\"\u003e\n        \u003cdiv id=\"cm-menu-items-wrapper\"\u003e\n          \u003cdiv id=\"cm-menu-scroller\"\u003e\n            \u003cul class=\"cm-menu-items\"\u003e\n              \u003cli class=\"active\"\u003e\u003ca href=\"#\" class=\"sf-house\"\u003eThis page is active\u003c/a\u003e\u003c/li\u003e\n            \u003c/ul\u003e\n          \u003c/div\u003e\n        \u003c/div\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n    \u003cheader id=\"cm-header\"\u003e\n      \u003cnav class=\"cm-navbar cm-navbar-primary\"\u003e\n        \u003cdiv class=\"btn btn-primary md-menu-white hidden-md hidden-lg\" data-toggle=\"cm-menu\"\u003e\u003c/div\u003e\n        \u003cdiv class=\"cm-flex\"\u003e\u003ch1\u003ePut your title here\u003c/h1\u003e\u003c/div\u003e\n      \u003c/nav\u003e\n    \u003c/header\u003e\n    \u003cdiv id=\"global\"\u003e\n      \u003cdiv class=\"container-fluid\"\u003e\n        \u003cdiv class=\"panel panel-default\"\u003e\n          \u003cdiv class=\"panel-body\"\u003e\n            \u003ch2 style=\"margin:0\"\u003eHello World !\u003c/h2\u003e\n          \u003c/div\u003e\n        \u003c/div\u003e\n      \u003c/div\u003e\n      \u003cfooter class=\"cm-footer\"\u003e\u003cspan class=\"pull-right\"\u003e\u0026copy; ACME Inc.\u003c/span\u003e\u003c/footer\u003e\n    \u003c/div\u003e\n    \u003cscript src=\"assets/js/lib/jquery.min.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"assets/js/jquery.mousewheel.min.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"assets/js/jquery.cookie.min.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"assets/js/fastclick.min.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"assets/js/bootstrap.min.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"assets/js/clearmin.min.js\"\u003e\u003c/script\u003e\n  \u003c/body\u003e\n\u003c/html\u003e\n```\n\n## General structure\n\n### CSS and JS files\n\n**CSS files (`\u003chead\u003e`) :**\n\n*   assets/css/roboto.css (main font)\n*   assets/css/bootstrap-clearmin.css (bootstrap theme)\n*   assets/css/material-design.css (material design svg icons classes)\n*   assets/css/small-n-flat.css (small-n-flat svg icons classes)\n*   assets/css/font-awesome.min.css (iconic font classes)\n\n**Javascript files (just before `\u003c/body\u003e`) :**\n\n*   assets/js/lib/jquery.min.js (required by bootstrap)\n*   assets/js/lib/jquery.mousewheel.min.js (catch some scrolling events)\n*   assets/js/lib/jquery.cookie.min.js (cookie manipulation plugin)\n*   assets/js/lib/fastclick.min.js (enhance mobile device click events)\n*   assets/js/bootstrap.min.js (bootstrap js widgets)\n*   assets/js/clearmin.js (required by clearmin)\n\n\n### Body classes\n\n*   cm-no-transition : **must** be present to prevent certain browser to start transition on page load\n*   cm-1-navbar : when one navbar is present on your page\n*   cm-2-navbar : when two navbars are present on your page\n*   cm-3-navbar : when three navbars are present on your page\n*   cm-menu-toggled : if you want the menu to be toggled on page load (see next section)\n\n\n### Preserving left menu state between pages\n\nWhen the user choose to use the condensed version of the side menu, we want it to stay in this state when the user click on another page. To achieve this, a cookie is automatically set to reflect the menu state.\n\nYou got two different way to restore this state :\n\n*   **Server-side** (recommended) : when your server receive a cookie named \"cm-menu-toggled\" with value \"true\", just add `.cm-menu-toggled` class to the body tag.\n*   **Client-side** : Nothing to do, `.cm-menu-toggled` is automaticaly added to the body when needed but it can cause a blinking reflow on certain browsers (e.g. Google Chrome)\n\n## Credits\n\n*   [Bootstrap](http://getbootstrap.com/) css front-end framework.\n*   [jQuery](http://jquery.com/) fast, small, and feature-rich JavaScript library.\n*   [Summernote](http://hackerwins.github.io/summernote/) Super Simple WYSIWYG Editor on Bootstrap\n*   [Font Awesome](http://fortawesome.github.io/Font-Awesome/) The iconic font and CSS toolkit\n*   [Roboto](https://www.google.com/fonts/specimen/Roboto) Google font\n*   [Small-n-flat icons](https://github.com/paomedia/small-n-flat) SVG icons on a 24px grid\n*   [Material Design Icons](https://github.com/google/material-design-icons) Google SVG icons\n*   [D3.js](http://d3js.org/) Data-Driven Documents\n*   [C3.js](http://c3js.org/) D3-based reusable chart library\n*   [Fastclick](https://github.com/ftlabs/fastclick) Polyfill to remove click delays on browsers with touch UIs\n*   [Jquery-cookie](https://github.com/carhartl/jquery-cookie) A simple, lightweight jQuery plugin for reading, writing and deleting cookies\n*   [Jquery-mousewheel](https://github.com/jquery/jquery-mousewheel) A jQuery plugin that adds cross-browser mouse wheel support\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpaomedia%2Fclearmin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpaomedia%2Fclearmin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpaomedia%2Fclearmin/lists"}