diff --git a/assets/css/hamburgers.min.css b/assets/css/hamburgers.min.css new file mode 100644 index 0000000..043ce29 --- /dev/null +++ b/assets/css/hamburgers.min.css @@ -0,0 +1,134 @@ +/*! + * Hamburgers + * @description Tasty CSS-animated hamburgers + * @author Jonathan Suh @jonsuh + * @site https://jonsuh.com/hamburgers + * @link https://github.com/jonsuh/hamburgers + */ +.hamburger { + padding: 15px 15px; + display: inline-block; + cursor: pointer; + transition-property: opacity, filter; + transition-duration: 0.15s; + transition-timing-function: linear; + font: inherit; + color: inherit; + text-transform: none; + background-color: transparent; + border: 0; + margin: 0; + overflow: visible; } + +.hamburger:hover { + opacity: 0.7; } + +.hamburger-box { + width: 40px; + height: 24px; + display: inline-block; + position: relative; } + +.hamburger-inner { + display: block; + top: 50%; + margin-top: -2px; } +.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { + width: 40px; + height: 4px; + background-color: #1d9ce5; + border-radius: 4px; + position: absolute; + transition-property: transform; + transition-duration: 0.15s; + transition-timing-function: ease; } +.hamburger-inner::before, .hamburger-inner::after { + content: ""; + display: block; } +.hamburger-inner::before { + top: -10px; } +.hamburger-inner::after { + bottom: -10px; } + + +/* + * Arrow + */ +.hamburger--arrow.is-active .hamburger-inner::before { + transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } + +.hamburger--arrow.is-active .hamburger-inner::after { + transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } + +/* + * Arrow Right + */ +.hamburger--arrow-r.is-active .hamburger-inner::before { + transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } + +.hamburger--arrow-r.is-active .hamburger-inner::after { + transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } + +/* + * Arrow Alt + */ +.hamburger--arrowalt .hamburger-inner::before { + transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } + +.hamburger--arrowalt .hamburger-inner::after { + transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } + +.hamburger--arrowalt.is-active .hamburger-inner::before { + top: 0; + transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1); + transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } + +.hamburger--arrowalt.is-active .hamburger-inner::after { + bottom: 0; + transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1); + transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } + +/* + * Arrow Alt Right + */ +.hamburger--arrowalt-r .hamburger-inner::before { + transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } + +.hamburger--arrowalt-r .hamburger-inner::after { + transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } + +.hamburger--arrowalt-r.is-active .hamburger-inner::before { + top: 0; + transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1); + transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } + +.hamburger--arrowalt-r.is-active .hamburger-inner::after { + bottom: 0; + transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1); + transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } + +/* + * Arrow Turn + */ +.hamburger--arrowturn.is-active .hamburger-inner { + transform: rotate(-180deg); } +.hamburger--arrowturn.is-active .hamburger-inner::before { + transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } +.hamburger--arrowturn.is-active .hamburger-inner::after { + transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } + +/* + * Arrow Turn Right + */ +.hamburger--arrowturn-r.is-active .hamburger-inner { + transform: rotate(-180deg); } +.hamburger--arrowturn-r.is-active .hamburger-inner::before { + transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } +.hamburger--arrowturn-r.is-active .hamburger-inner::after { + transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } + + + +button:focus { + outline: none; +} \ No newline at end of file diff --git a/assets/functions/dbnav.php b/assets/functions/dbnav.php new file mode 100644 index 0000000..98674c6 --- /dev/null +++ b/assets/functions/dbnav.php @@ -0,0 +1,212 @@ + tags and anything you change in there will be reflected in your template. +function customItemString($menuItem,$user_id){ + $itemString=''; + + //what do you want to happen if someone wants a "divider in their dropdown menu?" + + + + // typical bootstrap 4 styling... + if($menuItem['label']=='{{hr}}') { $itemString = "
"; } //some bs4 css files will ignore this + + + elseif($menuItem['link']=='users/verify_resend.php' || $menuItem['link']=='usersc/verify_resend.php') { + $db = DB::getInstance(); + $query = $db->query("SELECT * FROM email"); + $results = $query->first(); + $email_act=$results->email_act; + if($email_act==1) { + + $itemString.='
  • '.$menuItem['label'].'
    • '; } + } + + + elseif($menuItem['link']=='users/join.php' || $menuItem['link']=='usersc/join.php') { + $db = DB::getInstance(); + $query = $db->query("SELECT * FROM settings"); + $results = $query->first(); + $registration=$results->registration; + if($registration==1) { + $itemString.='
  • '.$menuItem['label'].'
    • '; } + } + else { + + +// THIS is a typical menu link. What do you want it to look like? +// Note that this is in here twice to deal with if the link has http in it for a link to another website + $fix = $menuItem['link']; + if(substr($fix,0,4) == "http"){$e = 1;}else{$e=0;} + if($e == 1){ + +//It works the same for bootstrap 3 and 4 by default, but yourt template might want something other than li tags + $itemString.='
  • '.$menuItem['label'].'
    • '; + }else{ + $itemString.='
  • '.$menuItem['label'].'
    • '; +}} + return $itemString; + +} + + +function DropdownString($menuItem,$user_id){ + $itemString=''; + + //what do you want to happen if someone wants a "divider in their dropdown menu?" + + + + // typical bootstrap 4 styling... + if($menuItem['label']=='{{hr}}') { $itemString = "
    "; } //some bs4 css files will ignore this + + + elseif($menuItem['link']=='users/verify_resend.php' || $menuItem['link']=='usersc/verify_resend.php') { + $db = DB::getInstance(); + $query = $db->query("SELECT * FROM email"); + $results = $query->first(); + $email_act=$results->email_act; + if($email_act==1) { + + $itemString.='
  • '.$menuItem['label'].'
    • '; } + } + + + elseif($menuItem['link']=='users/join.php' || $menuItem['link']=='usersc/join.php') { + $db = DB::getInstance(); + $query = $db->query("SELECT * FROM settings"); + $results = $query->first(); + $registration=$results->registration; + if($registration==1) { + $itemString.='
  • '.$menuItem['label'].'
    • '; } + } + else { + + +// THIS is a typical menu link. What do you want it to look like? +// Note that this is in here twice to deal with if the link has http in it for a link to another website + $fix = $menuItem['link']; + if(substr($fix,0,4) == "http"){$e = 1;}else{$e=0;} + if($e == 1){ + +//It works the same for bootstrap 3 and 4 by default, but yourt template might want something other than li tags + $itemString.=' '.$menuItem['label'].''; + }else{ + $itemString.=' '.$menuItem['label'].''; +}} + return $itemString; + +} + +// Let's deal with dropdown menus +function customDropdownString($menuItem,$user_id){ + $itemString=''; + //bs4 usually uses divs, bs3 often uses li tags here + $itemString.='
  • '; + + // This is the little down arrow next to a dropdown menu. It works for bs3 and 4 + $itemString.=''; + + //bs4 usually uses divs, bs3 often uses ul tags here + $itemString.='
    '; + + // These are the "child items" -- the things in the dropdown menu itself + // You can usually leave this section alone + foreach ($menuItem['children'] as $childItem){ + $authorizedGroups = array(); + foreach (fetchGroupsByMenu($childItem['id']) as $g) { + $authorizedGroups[] = $g->group_id; + } + if($childItem['logged_in']==0 || (hasPerm($authorizedGroups,$user_id) || in_array(0,$authorizedGroups))) { + $itemString.=DropdownString($childItem,$user_id); } + } + //if you used li and ul above, make sure you close those here. + $itemString.='
    • '; + return $itemString; +} + +// Set up notifications button/modal +if ($user->isLoggedIn()) { + if ($dayLimitQ = $db->query('SELECT notif_daylimit FROM settings', array())) $dayLimit = $dayLimitQ->results()[0]->notif_daylimit; + else $dayLimit = 7; + + // 2nd parameter- true/false for all notifications or only current + $notifications = new Notification($user->data()->id, false, $dayLimit); +} +/* +Load main navigation menus +*/ +$main_nav_all = $db->query("SELECT * FROM menus WHERE menu_title='main' ORDER BY display_order"); + +/* +Set "results" to true to return associative array instead of object...part of db class +*/ +$main_nav=$main_nav_all->results(true); +$prep=prepareMenuTree($main_nav); ; +foreach ($prep as $key => $value) { + $authorizedGroups = array(); + foreach (fetchGroupsByMenu($value['id']) as $g) { + $authorizedGroups[] = $g->group_id; + } + /* + Check if there are children of the current nav item...if no children, display single menu item, if children display dropdown menu + */ + if (sizeof($value['children'])==0) { + if ($user->isLoggedIn()) { + if((hasPerm($authorizedGroups,$user->data()->id) || in_array(0,$authorizedGroups)) && $value['logged_in']==1) { + //if (checkMenu($value['id'],$user->data()->id) && $value['logged_in']==1) { + if($value['label']=='{{notifications}}') { + $itemString=''; + if($settings->notifications==1) { + $itemString='
  • getUnreadCount(); + $itemString.='
    • '; + } + } + elseif($value['label']=='{{messages}}') { + $itemString=''; + if($settings->messaging==1) { +// glyphicons are deprecated out of bootstrap 4. Annoying. Let's override with a font-awesome 4.7 icon. + $itemString='
  • '; + if($msgC > 0) $itemString.= '('.$msgC.')';//I'm being lazy and putting () around the msg count + $itemString.='
    • '; } + } + else { + $itemString = customItemString($value,$user->data()->id); + include $abs_us_root.$us_url_root.'users/includes/template/database_navigation_hooks.php'; + include $abs_us_root.$us_url_root.'usersc/includes/database_navigation_hooks.php'; + } + echo $itemString; + } + } else { + if ($value['logged_in']==0) { + $itemString = customItemString($value,0); + include $abs_us_root.$us_url_root.'users/includes/template/database_navigation_hooks.php'; + include $abs_us_root.$us_url_root.'usersc/includes/database_navigation_hooks.php'; + echo $itemString; + } + } + } else { + if ($user->isLoggedIn()) { + if((hasPerm($authorizedGroups,$user->data()->id) || in_array(0,$authorizedGroups)) && $value['logged_in']==1) { + $dropdownString=customDropdownString($value,$user->data()->id); + include $abs_us_root.$us_url_root.'users/includes/template/database_navigation_hooks_dropdown.php'; + include $abs_us_root.$us_url_root.'usersc/includes/database_navigation_hooks_dropdown.php'; + echo $dropdownString; + } + } else { + if ($value['logged_in']==0) { + $dropdownString=customDropdownString($value,0); + include $abs_us_root.$us_url_root.'users/includes/template/database_navigation_hooks_dropdown.php'; + include $abs_us_root.$us_url_root.'usersc/includes/database_navigation_hooks_dropdown.php'; + echo $dropdownString; + } + } + } +} +?> diff --git a/assets/functions/nav.php b/assets/functions/nav.php new file mode 100644 index 0000000..bcf1b2e --- /dev/null +++ b/assets/functions/nav.php @@ -0,0 +1,54 @@ + + + isLoggedIn()){ //anyone is logged in?> +
  • data()->id);?>
    • + notifications==1) {?> + getUnreadCount() > 0) ? $notifications->getUnreadCount() : ''); ?>*/?> + +
  • getUnreadCount(); ?>
    • + + messaging == 1){ ?> +
  • 0){ echo $msgC;}?>
    • + + + + + + +
  • + + + +
    + Home + Account +
    + + + + + data()->id)){ //Links for permission level 2 (default admin) ?> + Admin Dashboard + User Management + Page Permissions + Page Management + messaging == 1){?> Message System + System Logs + +
    + Logout +
    +
    • + + +
  • Login
    • +
  • Register
    • +
  • Help + +
    • + diff --git a/assets/functions/style.php b/assets/functions/style.php new file mode 100644 index 0000000..d82639b --- /dev/null +++ b/assets/functions/style.php @@ -0,0 +1,334 @@ + diff --git a/container_close.php b/container_close.php new file mode 100644 index 0000000..bdd6bc9 --- /dev/null +++ b/container_close.php @@ -0,0 +1,2 @@ + + diff --git a/container_open.php b/container_open.php new file mode 100644 index 0000000..ee99714 --- /dev/null +++ b/container_open.php @@ -0,0 +1,4 @@ +
    +
    + +
    diff --git a/footer.php b/footer.php new file mode 100644 index 0000000..c342a70 --- /dev/null +++ b/footer.php @@ -0,0 +1,17 @@ +template . '/container_close.php'; //custom template container +require_once $abs_us_root . $us_url_root . 'users/includes/page_footer.php'; +?> + + + +
    +

    © copyright; ?>

    +
    + diff --git a/header.php b/header.php new file mode 100644 index 0000000..f4f525e --- /dev/null +++ b/header.php @@ -0,0 +1,8 @@ + + + + +template.'.css')) {?> + + diff --git a/info.xml b/info.xml new file mode 100644 index 0000000..563fbad --- /dev/null +++ b/info.xml @@ -0,0 +1,15 @@ + + diff --git a/navigation.php b/navigation.php new file mode 100644 index 0000000..6439655 --- /dev/null +++ b/navigation.php @@ -0,0 +1,219 @@ + + + + + +template . '/assets/functions/style.php'); ?> +template . '/info.xml')) { + $xml = simplexml_load_file($abs_us_root . $us_url_root . 'usersc/templates/' . $settings->template . '/info.xml'); + $navstyle = $xml->navstyle; +} + +if ($navstyle == 'Default') { + ?> + +
    + +navigation_type == 0) { + $query = $db->query("SELECT * FROM email"); + $results = $query->first(); + + //Value of email_act used to determine whether to display the Resend Verification link + $email_act = $results->email_act; + + // Set up notifications button/modal + if ($user->isLoggedIn()) { + if ($dayLimitQ = $db->query('SELECT notif_daylimit FROM settings', array())) + $dayLimit = $dayLimitQ->results()[0]->notif_daylimit; + else + $dayLimit = 7; + + // 2nd parameter- true/false for all notifications or only current + $notifications = new Notification($user->data()->id, false, $dayLimit); + } ?> + + + + +
    +
    + +
    +
    + navigation_type == 1) { + require_once($abs_us_root . $us_url_root . 'usersc/templates/' . $settings->template . '/assets/functions/dbnav.php'); + } + ?> + + + + navigation_type == 0) { + $query = $db->query("SELECT * FROM email"); + $results = $query->first(); + + //Value of email_act used to determine whether to display the Resend Verification link + $email_act = $results->email_act; + + // Set up notifications button/modal + if ($user->isLoggedIn()) { + if ($dayLimitQ = $db->query('SELECT notif_daylimit FROM settings', array())) + $dayLimit = $dayLimitQ->results()[0]->notif_daylimit; + else + $dayLimit = 7; + + // 2nd parameter- true/false for all notifications or only current + $notifications = new Notification($user->data()->id, false, $dayLimit); + } ?> + + + + +
    +
    + isLoggedIn()){ //anyone is logged in?> + + notifications==1) {?> + getUnreadCount() > 0) ? $notifications->getUnreadCount() : ''); ?>*/?> + + + + + + + + + + + + + + +
    +
    + +
    +
    + +
    +
    + navigation_type == 1) { + require_once($abs_us_root . $us_url_root . 'usersc/templates/' . $settings->template . '/assets/functions/dbnav.php'); + } + ?> + ".$err.""); + } + + if(isset($_GET['msg'])){ + err($msg); + } diff --git a/preview.php b/preview.php new file mode 100644 index 0000000..7600dfb --- /dev/null +++ b/preview.php @@ -0,0 +1,921 @@ +standardquery("SELECT * FROM settings")->first(); +?> + + + + + + + + + + + + + + + + + + +template.'.css')){?> + + + + + + + + + + + + +
    + + + +
    +
    +

    Back to Themes

    +
    +
    +
    +
    +

    Tabs

    + +
    +
    + +
    +
    +
    +

    Tabs can be used to contain a variety of content & elements. They are a good way to group relevant content. Display initial content in context to the user. Enable the user to flow through + more information as needed. +

    +
    +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    +

    Progress Bars

    +
    +
    +
    +
    +
    + 13% Sign-ups +
    +
    +
    +
    +
    +
    +
    80% Usage +
    +
    +
    +
    +
    +
    +
    78 Bursts +
    +
    +
    +
    +
    +
    +
    + 26% Returning +
    +
    +
    +
    +
    +
    +
    201 Sales +
    +
    +
    +
    +
    +
    +
    + 74% Pageviews +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    Lists

    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    +
    + Accordion Item 1 + +
    +

    Food truck quinoa nesciunt laborum for labo lucn. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth + nesciunt you probably haven't heard of them accusamus labore sustainable VHS. +

    +
    +
    +

    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, + sunt cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable + VHS. +

    +
    +
    +

    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf + moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. samus labore sustainable VHS. +

    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    Jumbotron

    +

    Some perfectly centered content goes here

    +

    Learn more

    +
    +
    +
    +
    +
    +
    +
    +

    Cards

    +
    +
    +
    +
    +
    + +
    56 Likes
    +
    +
    +
    +
    +
    + +
    209 Followers
    +
    +
    +
    +
    +
    + +
    20 Snaps
    +
    +
    +
    +
    +
    +
    + +
    1,110 Views
    +
    +
    +
    +
    +
    + +
    90 Views
    +
    +
    +
    +
    +
    + +
    44 Apps
    +
    +
    +
    +
    +
    +
    +
    +
    card image 1
    +
    +

    Ovi lipsim diro? Wi, wi, garius azdipiscing elit. Duis pha codeply.

    View Profile
    +
    +
    +
    +
    +
    card image 3
    +
    +

    Shiny, shiny, shiny.

    View Profile
    +
    +
    +
    +
    +
    card image 3
    +
    +

    Varius azdipiscing elit. Duis pharetra, ovi lipsim diro?

    View Profile
    +
    +
    +
    +
    +
    +
    + +
    +
    +
    +

    Alerts & Notifications

    +
    +
    + +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    +
    +
    +
    +
    +

    Modals

    +
    Examples
    + + + + +
    +
    +
    +
    +
    +
    +

    Tables

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    LocationPointsRegionMean
    Newport, RI, USA3New England45001
    Chicago, IL, USA5Mid West106455
    New York, NY, USA10Mid Atlantic39097
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Id Name DescriptionLink Reason Area
    alpha1name 1Description of item #1alphaSome stuff about rec: 123x
    bob10name 10Description of item #10bobSome stuff about rec: 1022x
    daniel11name 11Description of item #11danielSome stuff about rec: 1144x
    grace12name 12Description of item #12graceSome stuff about rec: 1219x
    alpha13name 13Description of item #13alphaSome stuff about rec: 1313x
    alpha14name 14Description of item #14alphaSome stuff about rec: 1414x
    +
    + +
    +
    +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + +
    LocationPointsMean
    Long Island, NY, USA745,001
    Chicago, Illinois, USA8106,455
    New York, New York, USA439,097
    +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + +
    LocationPointsResult
    Long Island, NY, USA15,001
    Chicago, Illinois, USA26,455
    New York, New York, USA39,097
    +
    +
    +
    +
    +
    +
    +
    +
    +

    Accordions & Collapsible

    +
    +
    +
    +

    + Heading +

    +
    +

    Shiny, shiny. Varius azdipiscing elit. Duis pharetra codeply varius quam sit amet vulputate. Ovi lipsim diro? Then puska craft beer labore wes anderson cred nesciunt sapiente ea proident!

    + +
    +
    +
    +
    +
    +
    + + + Panel 1 + + +
    +

    Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt + you probably haven't heard of them accusamus labore sustainable VHS. +

    +
    + +
    +

    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, + sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher + vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. +

    +
    + +
    +

    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf + moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. samus labore sustainable VHS. +

    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    Buttons

    +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    + + + +
    +
    +
    +
    + +
    Action Another action Something else here
    +
    +
    +
    +
    + + +
    Action Another action Something else here +
    Separated link
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
    +

    Badges

    +
    +
    +
    Normal
    badge success danger +
    warning info primary +
    pill 100k 2 + 378 tag 1123
    +
    +
    Heading 5
    +
    badge success danger
    warning info primary
    pill 100k 2 378 tag 1123
    +
    +

    Heading 3

    +

    + badge + success + danger +
    + warning + info + primary +
    + pill + 100k + 2 + 378 + tag + 1123 +

    +
    +
    +
    +
    +
    +
    +
    +
    +

    Breadcrumbs

    +
      +
    1. Home
      2. +
    2. Library
      3. +
    3. Data
      4. +
    +
    +
    +
    +
    +
    + + + + + + + + diff --git a/thumbnail.jpg b/thumbnail.jpg new file mode 100644 index 0000000..012e69a Binary files /dev/null and b/thumbnail.jpg differ