Term Of Use
By using the App, you agree with our Terms and Conditions and have the same meanings as in our Privacy Policy.
You are responsible for ensuring that you comply with all applicable legal requirements for the operation of any aircraft, including any requirement that you detect and avoid other aircrafts. You must at all times comply with all applicable local, state, federal, and international laws and regulations related to the operation of unmanned aerial devices and your use of the Service in your territory of operation, including any applicable laws with regard to privacy. You will obtain and maintain all necessary licenses, consents, and authorizations of any kind.
Even though Wingman make as much protections as possible, the auto-follow function would control drone's flight behaves, that may have risks cause drones collision. We require user familiar with the basic operation of the DJI drone and read user guide before take-off. You need intervene or terminate it in any possibly danger occurs status. You are responsible and liable for all activities that take place through Your Devices, on which Wingman App is installed. We will not be liable for any loss that You may incur as a result of someone else using Your Devices, on which Wingman mobile App is installed, either with or without Your knowledge. In addition, You may be held liable for any losses incurred by Us or another party due to someone else using Your mobile Devices.


hcash
2.0.0
hcash
libraries
include
cli
cli Directory Reference
Directory dependency graph for cli:
Files
file
Cli.hpp
[code]
file
locale.hpp
[code]
file
Pretty.hpp
[code]
file
PrintResult.hpp
[code]
Generated by
1.8.13


THE FACULTY
* 1/2 (out of 4) - a below average movie
Release Date: December 25, 1998 Starring: Elijah Wood, Piper Laurie, Josh Hartnett, Laura Harris, Robert Patrick, Clea DuVall, Usher Raymond, Salma Hayek Directed by: Robert Rodriguez Distributed by: Miramax Films MPAA Rating: R (strong violence, language, brief nudity) URL: http://www.execpc.com/~kinnopio/reviews/1998/faculty.htm
Georges Polti once wrote a paper called "The Thirty-Six Dramatic Situations," in which he asserted the fact that all drama could be defined by no more than thirty-six different situations. This may be the modern restatement of the Biblical prophecy from Ecclesiastes, "There's nothing new under the sun." THE FACULTY, the latest movie by FROM DUSK TILL DAWN director Robert Rodriguez, certainly proves this in typical Hollywood fashion. There's not a measureable fraction of original material in this unworthy outing.
Drawing elements from both THE PUPPET MASTERS and INVASION OF THE BODY SNATCHERS, screenwriter Kevin Williamson (of SCREAM 2 credit) gives us a horror tale set in middle America (Ohio) one eventful fall. Making use of a cast of unusually stock characters, Williamson designs an alien invasion that will not be done INDEPENDENCE DAY-style but rather "through the back door." Parasitic aliens take over the faculty of a run-down high school and soon have infested most of the student body, leaving it up to the ensemble of principal characters to win the day.
The lack of gusto is the movie's major stumbling block. Even though the genre has seen movies that have a lack for quality such as this, they've been saved by an energetic approach. This casts more than a shadow of a doubt on Williamson's ability, who enjoyed success with the Wes Craven-directed SCREAM but couldn't pull anything solid in for this outing or I KNOW WHAT YOU DID LAST SUMMER. Although he designs THE FACULTY with more of a sci-fi bent than his typical slasher picture, it still comes down to the same results: throw the stock characters in a steel cage match and see who comes out alive.
On that level, the main roles are played by virtual unknowns. Only the recognizeable Elijah Wood (DEEP IMPACT) is at the front; other than that, the screen veterans are saved for the minor roles of the alien teachers. Perhaps Williamson has it in mind to champion these up-and-comers to the fame that their SCREAM and LAST SUMMER counterparts achieved; but to do that, they'd all need to star in their own WB television show about the horrors of puberty a la "Dawson's Creek." Needless to say the acting is far from top notch, nor does necessity ask that it should be. There is a moment or two of genuine horror, but unfortunately Williamson and Rodriguez did not take the story far enough in the sci-fi direction to make any use of it. In sum, THE FACULTY was just one long shot that did not pay off.
-- Craig Roush<EMAIL_ADDRESS>-- Kinnopio's Movie Reviews http://www.execpc.com/~kinnopio
The review above was posted to the
rec.arts.movies.reviews newsgroup (de.rec.film.kritiken for German reviews).
The Internet Movie Database accepts no responsibility for the contents of the
review and has no editorial control. Unless stated otherwise, the copyright
belongs to the author.
Please direct comments/criticisms of the review to relevant newsgroups.
Broken URLs inthe reviews are the responsibility of the author.
The formatting of the review is likely to differ from the original due
to ASCII to HTML conversion.
Related links: index of all rec.arts.movies.reviews reviews


Microsoft hires ex-AG Holder to audit face-scanning firm
by The Associated PressMicrosoft is hiring former U.S. Attorney General Eric Holder to review its investment in a facial recognition startup that scans faces at Israeli military checkpoints.
Microsoft said in a statement Friday that Holder will lead a team of former federal prosecutors conducting an audit.
Its aim is to determine whether Israeli firm AnyVision’s technology applications comply with Microsoft’s ethical principles against using facial recognition for mass surveillance.
TOP STORIES
Franklin Graham calls on nation to pray for Trump as impeachment effort gains speed
Nancy Pelosi goes for slam dunk -- and crashes to court
George Soros group asks Fox News to ban guest who claimed billionaire controls State Dept.
AnyVision announced a $74 million investment in June from a group including Microsoft’s venture capital arm. The firm and its Microsoft backing attracted public scrutiny as the Israeli military installed face scanners at border crossings where Palestinians enter Israel from the West Bank.
AnyVision has said its technology is used at border crossings similarly to how facial recognition is used at some airports.
Sign up for Daily Newsletters
Copyright © 2019 The Washington Times, LLC.
Please read our comment policy before commenting.


namespace Doctrine\DBAL\Driver\
Namespaces
Interfaces
-
Connection
Connection interface.
Driver connections must implement this interface.This resembles (a subset of) the PDO interface.
-
Result
Driver-level result statement execution result.
-
ResultStatement
Interface for the reading part of a prepare statement only.
-
Exception
-
Statement
Statement interface.
Drivers must implement this interface.This resembles (a subset of) the PDOStatement interface.
-
PingableConnection
An interface for connections which support a "native" ping method.
-
ServerInfoAwareConnection
Contract for a connection that is able to provide information about the server it is connected to.
-
DriverException
-
ExceptionConverterDriver
Contract for a driver that is capable of converting DBAL driver exceptions into standardized DBAL driver exceptions.
Traits
Classes
-
FetchUtils
-
PDOStatement
The PDO implementation of the Statement interface.
Used by all PDO-based drivers. -
PDOException


Senate, Reps Finance Act Bill crisis deepens
by Leke BaiyewuLeke Baiyewu, Abuja
The House of Representatives has scheduled a separate public hearing on the Finance Act (Amendment) Bill for next week, following the crisis that characterised the failed joint session with the Senate.
It was learnt on Wednesday that the House Committee on Finance would conduct a parallel hearing on the bill, as its Senate counterpart is billed to present its report today.
The bill presented by President Muhammadu Buhari to the National Assembly as part of the measures to shore up revenue to finance the 2020 budget, seeks to amend the Petroleum Profit Tax Act, Customs and Excise Tariff Act, Company Income Tax Act, Personal Income Tax Act, Value Added Tax, Stamp Duties Act and Capital Gain Tax.
The Senate and House committees had planned to hold a joint hearing on the bill on Tuesday, but the latter boycotted the event, alleging marginalisation in the organisation of the exercise.
The Senate panel, however, went ahead with the public hearing.
Members of the House, who spoke to our correspondent, protested against the alleged disregard for them by their Senate counterparts.
A member said, “People are insisting these are two interdependent legislative houses, so there must be some level of independence. If it is a joint committee, there should be co-chairmen, not one chairman; they have to share the responsibility.”
Another member of the House said, “The news public hearing will be strictly by the House, we cannot do it jointly again. For public hearings, each house is supposed to organise its own, especially when the issue is a resolution of either of the houses. What a resolution will look like in the House may not be the same at the Senate. That is why there is a conference committee (to harmonise different resolutions).”
The Chairman, House Committee on Media and Public Affairs, Benjamin Kalu, blamed non-appearance of House members at the hearing on communication error. According to him, the Senate did not inform the House about the event through the official channels.
Kalu said, “There must be a miscommunication somewhere. We have always had joint sittings with the Senate; we have no problem with having a joint meeting with the Senate. We have a robust relationship.”
Copyright PUNCH.
All rights reserved. This material, and other digital content on this website, may not be reproduced, published, broadcast, rewritten or redistributed in whole or in part without prior express written permission from PUNCH.
Contact: theeditor@punchng.com


Sloths are omnivores. They may eat insects, small lizards and carrion, however, their diet consists mostly of buds, tender shoots and leaves (including leaves from the cecropia tree). It used to be thought that sloths ate mostly cecropia leaves because they were often spotted in cecropia trees. It turns out that they also live in many other trees, but are not spotted there as easily as in cecropia trees.
Sloths have a low metabolic rate and a low body temperature (91° Fahrenheit). This keeps their food and water needs to a minimum. Sloths have small molars which they use to chew up their leafy food. Their stomach has many separate compartments that are used to digest the tough cellulose (a component of plant material that they eat).
As much as two-thirds of a well fed sloths body weight consists of the contents of its stomach and the digestive process can take as long as a month or more to complete. Even so, leaves provide little energy and sloths deal with this by a range of economy measures. They have very low metabolic rates (less than half of that expected for a creature of their size) and maintain low body temperatures when active (30 to 34 degrees Celsius or 86 to 93 degrees Fahrenheit) and still lower temperatures when resting.


Logout
User Activity
Dashboard
Users
Activity Feed
Personal
Client
Type
Date
Duration(Min)
Attachment(s)
Attachments
×


--- layout: post title: Mobile Marketing Uncovered date: 2006-09-10 00:00:00 categories: business mobile personal ---
My old boss Richard Davies, gets a quote in this Campaign article on mobile messaging: "The bigger agencies are definitely ignoring the potential of mobile. Traditionally, these agencies are always slow to pick up on new technology, and when they do it takes them a while to skill up..."
He's right. Organisations which are optimised to work well in one medium - whether it be print, TV, or web - aren't best positioned to do new media well.


Snookes1516.github.io
Our Vision . The Eastbourne Academy is a caring school which aims to be the school of choice for its community. Every person is expected to Learn, to Engage Wjec Creative Writing Controlled Assessment. Wjec creative writing controlled assessment. It is important to structure your work carefully so that a reader can follow your ideas. BBC Bitesize - GCSE English Language - Writing fiction – WJEC - Revision. 14/11/2018 2018 Leavers Celebration Evening. On Wednesday 14th November 2018, The Priory School will be holding a celebration evening for all of our 2018 leavers.
Creative clear about the wjec in time and use the same creative throughout your writing. Here is a wjec reminder of present and past tense verbs:. Get In Touch. It is important to structure your work carefully so that a reader can follow your ideas. In a fictional narrativethe first paragraph should
Lord of the Flies Exam Questions Darts Suli. What must the opening of your story be? The title of the story. An introduction to explain what the story will be about. Controlled Assessment. The Priory School - Latest News - Spalding Special Schools.
Creative Education CPD Training Schools Colleges. A piece of narrative writing for the title She knew it was a mistake as soon as she turned the corner to illustrate to pupils how to reach the A Students. Curvelearn.com: How do Writers Create Tension and Suspense. Wjec Creative Writing Controlled Assessment - Writing. Wjec Creative Writing Controlled Assessment ‒ Exam Officers. In a fictional narrativethe first paragraph should hook the reader and grab their attention. 1. Long sentences - (1) writers create a list of fearful or worrying details, which creates an overwhelming, claustrophobic or intense feeling. WJEC Narrative Writing - Model Answer by lfernback. The Ravensbourne School’s Drama department is passionate and committed to providing all students with a range of opportunities that will develop their creativity.
September 20th 2018 marked exactly one year to go before the Rugby World Cup kicks off in Japan. To mark this event, the Japan Foundation and SOAS held a symposium. Here are some questions that I've pulled out of the last few years' AQA, OCR and WJEC exam papers. Some of these are made up based on exam board question styles.
Creative Education provides CPD training, senior leaders and consultancy services to teachers and other school staff across the UK and internationally.
Speaking and listening- individual presentation by rec208. KS3. This subject performs extremely well at the school; by Year 9 end of Key Stage the percentage of learners are outperforming the schools within Blaenau-Gwent.
Here is my SOW for narrative that you could use either to prepare KS4 for narrative writing in exams or for Controlled Assessment. It covers about 10 lessons. Narrative Writing for WJEC Controlled Assessment by lswow. Art and Design. It is important to structure your work carefully so assessment a reader can follow your ideas. In a fictional narrativethe article writing service. Waddell Report (1978) – The History of Education. The Russian Revolution of 1905 was a wave of mass political and social unrest that spread through vast areas of the Russian Empire, some of which was directed Title page SCHOOL EXAMINATIONS. Report of the Steering Committee established to consider proposals for replacing the General Certificate of Education. Wjec Creative Writing Controlled Assessment – Exam Officers. The General Certificate of Secondary Education (GCSE) is an academic qualification, generally taken in a number of subjects by pupils in secondary education.
1905 Russian Revolution - Wikipedia. Subjects – The Ravensbourne School.
General Certificate of Secondary Education - Wikipedia. A whole unit of work with lesson plans enhancing speaking and listening and writing with the purpose to persuade. The 'Dragons ' Den task sheet '; can be used without. Information Communication Technology Brynmawr School.
Wjec Creative Writing Controlled Assessment - skor.org.rs. Wjec Creative Writing Controlled Assessment - Exam Officers. Dragons' Den: Discuss, Argue, Persuade by Nonnanoo. This is a mini Speaking and Listening unit that I used with my high ability year 10 group. It is aimed at teaching skills for the individual speaking and listening.


-
Apple - Privacy
www.apple.com
At Apple, we respect your privacy and protect it with strong encryption, plus strict policies that govern how all data is handled.
-
Peter Thiel disagrees with you
fortune.com
The tech financier and intellectual provocateur has some ideas that may turn you off. But there's no arguing with his commercial achievements. That's ...
-
iPhone camera evolution: How does the iPhone 6 camera compare to previous ...
snapsnapsnap.photos
How does the iPhone 6 camera stack up against previous hardware? In her ongoing series, professional iPhone photographer Lisa Bettany takes a hard ...
-
Some iPhone 6 Plus Owners Accidentally Bending Their iPhones in Pockets
www.macrumors.com
As highlighted in a few reports shared in the MacRumors forums, a small but growing number of iPhone 6 Plus owners have reportedly bent their ...
-
Battle For The Net
www.battleforthenet.com
Cable companies want to slow down (and break!) your favorite sites, for profit. To fight back, let's cover the web with symbolic "loading" icons, to ...
-
This is Uber's playbook for sabotaging Lyft
www.theverge.com
Uber is arming teams of independent contractors with burner phones and credit cards as part of its sophisticated effort to undermine Lyft and other ...
-
How I Pranked My Roommate With Eerily Targeted Facebook Ads
mysocialsherpa.com
This is the chronicle of the most epic retaliation and how I pranked my roommate with targeted Facebook Ads to the point of complete paranoia and ...
-
When Angry Birds lost it’s charm
medium.com
When Rovio launched Angry Birds in late 2009, it was an extremely charming, simple addictive game. Like everyone I loved…
-
First iPhone 6 sold in Perth is dropped by kid during an interview
www.youtube.com
Follow up interview with Jack Cooksey. The man behind the iPhone 6 accidental drop video: https://www.youtube.com/watch?v=mLE1qTbb-fk This poor guy ...
-
Apple's "warrant canary" disappears, suggesting new Patriot Act demands
gigaom.com
Apple included language in its first Transparency Report to say that it had not been subject to a Section 215 Patriot Act request. That language is ...
-
Flight: Twitter's Mobile Developer Conference
www.twitterflight.com
Flight is a gathering built by developers, for developers. You'll be right at home if you live, breathe and occasionally dream in Java, Objective-C, ...
-
ManServant Will Let You Order Around Hot Men For $125 Per Hour | TechCrunch
techcrunch.com
A 6'2", sandy blond gentleman wearing a tailored suit and tie gently bows to greet me and seat me. "Hello, I am Fabio and I will be your man servant..
-
Swype - Keyboard
itunes.apple.com
Get Swype - Keyboard on the App Store. See screenshots and ratings, and read customer reviews.
-
Codenamed “Moments”, Facebook Has Built An App For Super-Private Sharing | ...
techcrunch.com
Facebook has failed repeatedly to get us to use complicated lists and privacy settings to share intimate moments with just our closest friends and ...
-
How to Start a Startup
startupclass.samaltman.com
CS183B is a class we’re teaching at Stanford. It’s designed to be a sort of one-class business course for people who want to start startups.
-
Venture Capitalist Sounds Alarm on Startup Investing
online.wsj.com
Silicon Valley may have taken on more risk than it can handle, according to prominent venture capitalist Bill Gurley, who cited potential cracks in ...
-
Product Hunt Raises $6 Million From A16Z | TechCrunch
techcrunch.com
Product Hunt, the aggregation site that many people consider a direct competitor to TechCrunch and other tech blogs due to its ability to surface new ...
-
How Matt's Machine Works
www.fastcolabs.com
With a new version out and millions hooked, WordPress creator Matt Mullenweg's unconventional model can make or break the web.
-
A16z Podcast: Secrets, Power Laws, and Technology — The Ideas of “Zero to ...
a16z.com
Have we as a culture become expert at globalizing industries, but are we failing when it comes to truly world-changing technological breakthroughs? ...
-
A Watch Guy's Thoughts On The Apple Watch After Seeing It In The Metal ...
www.hodinkee.com
I'm not even sure we can call it a watch. Okay, it goes on the wrist, and it happens to tell the time, but that's about where the similarities ...
-
Inside Apple's Live Event Stream Failure, And Why It Happened: It Wasn't A ...
blog.streamingmedia.com
Apple's live stream of the unveiling of the iPhone 6 and Watch was a disaster today right from the start, with many users like myself having problems ...
-
Why Amazon Has No Profits (And Why It Works)
ben-evans.com
(I also did a podcast with Ben Horowitz discussing these themes: see here) Amazon has a tendency to polarize people. On one hand, there is the ...
-
So Bill Gates Has This Idea for a History Class ... - NYTimes.com
www.nytimes.com
In 2008, shortly after Bill Gates stepped down from his executive role at Microsoft, he often awoke in his 66,000-square-foot home on the eastern ...
-
The Road Ahead
www.anandtech.com
Both of my parents were teachers, and for as long as I can remember they both encouraged me to do something in life that would help others. I figured ...
-
Apple
www.apple.com
Apple designs and creates the iPhone, iPad, Mac notebooks and desktop computers, iOS 8, OS X, iPod and iTunes, and the new Apple Watch.
-
This is why your Internet is slow. And it’ll get worse. Unless you take 1 ...
www.battleforthenet.com
You’re our only hope.
-
Experiment Board by Javelin - Test your startup idea without wasting time ...
www.javelin.com
You get the full-size PDF + Extras just for sharing. (Don't worry, you can change what the tweet says.)
-
Aral Balkan — Ello, goodbye.
aralbalkan.com
26 Sep, 2014 Ello, it’s been brief but I’m leaving you for your own good.


[08-09-2019] “A Model-Agnostic Approach for Explaining the Predictions on Clustered Data” accepted by ICDM’19!


[]
TypeScript Coverage Report generated by type-coverage and typescript-coverage-report at Mon, 10 Aug 2020 02:25:51 GMT


The result list is split into pages of {{ pagination.page_size }} items. Only the first page is returned by default; to get a different page use the {{ pagination.page_query_param }} query parameter:
{{ url }}?{{ pagination.page_query_param }}=<page>
{% if pagination.page_size_query_param %} It is possible to change the number of items per page by adding the {{ pagination.page_size_query_param }} query parameter to the URL. {% if pagination.max_page_size %} The maximum allowed page size is {{ pagination.max_page_size }}. {% endif %} {% endif %}
The following metadata field are provided regarding the pagination:
| number_of_objects | total number of items in the list |
|---|---|
| approximated_number_of_objects | whether the total number is an exact number or just an approximation |
| limited_number_of_objects | whether they may be more number items than the reported number of objects |
| pages_total | total number of pages |
| page_size | number of items in each page |
| page | current page number |
| next | URL of the next page, or null if this is the last page |
| previous | URL of the previous page, or null if this is the first page |


Enter your county:
Submit
{{tree.accepted_plant.scientific_name}}
{{tree.accepted_plant.common_name}}


The Wedding
Gift & Coke
15.12.2018
Wedding
Rattiya
Yossawat
Are Getting Married
on Dec 15, 2018 — Bankampoo,Bangkok
Directions
Wedding Gallery


The Champions League
Currently in the champions league there are four premier league teams left trying to qualify for the next stage.
Manchester City are the one premier league side that have already qualified and are trying to achieve top spot in the group.
Chelsea, Manchester United and Arsenal are in first, second and third in their respective groups and have to hope results go their way on the final round of games to see if they qualify for the next round.
Slide Show
The Europa League
In the other European competition, the Europa league there are currently two English teams and one Scottish team in the competition.
The two English teams Liverpool and Tottenham both sit atop their respective groups and have qualified for the next round whilst trying to finish the group at the top, Celtic however are bottom of their group and can't go any further in the competition.
What's next
Champions League
I believe all of the teams mentioned have a chance to go far in the competition, Chelsea and Manchester City have the best chances of going furthest, Man City look the strongest but for Chelsea they have no other chances than this competition so they have to go far.
Europa League
For this competition I believe both of the English teams have a real chance of winning the tournament, they are both playing great football and look to be challenging for trophies this season as well as champions league football next season.
Next Season
For next season the same names are always thrown about (the top 6) for the champions league spots and europa league spots but chelsea are going to really have to step up their game if they don't want to fall behind, all of the other top teams look likely candidates to challenge for the title and Leicester look likely for European football next season.


vatic.js A pure Javascript video annotation tool
To start a new video annotation, select a video file:


Being an XML format (a textual format) SVG is rather easy to generate from within a Servlet, JSP, ASP.NET, PHP or other web application technology. This makes SVG ideal for computer-generated graphs and diagrams. Interestingly, you often need to generate exactly the type of diagrams for which SVG is ideal (graphs, charts, diagrams etc.) in web applications. This makes SVG an even better match for generating graphs and diagrams.


--- layout: page title: Partners description: List of official partners. permalink: /partners icon: fas fa-handshake ---


From the establishment of Delta Tau Delta on Stanford's campus in 1893, our brotherhood has grown to over 1,600 men and counting. We have an incredible alumni network both in the bay area and around the world across nearly all disciplines.
I am honored to lead a group of men with such diverse backgrounds, experiences, and ambitions. That being said, I see on a daily basis the chapter's unified commitment to living lives of excellence professionally, academically, and socially.
Our chapter consistently has one of the highest GPAs of any Delta Tau Delta chapter, and we foster a culture that embraces each brother's obligation to take seriously the unique acadmeic opportunites that Stanford provides.
In addition to academic excellence, we ensure that each of our brothers is afforded a premiere social experience in their time at Stanford as well. It is my goal and our chapter's goal as a whole that our intentional and diverse social programming makes Stanford a better place for the whole campus - Greek and beyond. Our social programming includes brotherhood events, campus-wide parties, and everything in between.
Delt has not just enhanced my Stanford experience, but it has made my Stanford experience. Don't hesitate to stop by and see us at a game or reach out to any of us personally to see if Delt can make your Stanford experience too.
Rah Delt,
Hayden Little, 124th President of Delta Tau Delta - Beta Rho


Changelog
New Features
- Laravel Starter Kit
- Custom JavaScript code was rewritten in ES6 syntax (webpack and Babel support is introduced)
Improvements
- Bootstrap Notify plugin: You can now trigger notifications programatically through the included JS helper
-
Open/Close block API now uses
d-none
class instead of jQuery hide() and show() functions - Codebase will now automatically use the correct icons for its components (eg Main Navigation arrow icons) when you are using Font Awesome 5 Free or Pro versions
- Table checkable helper optimizations
- Landing page hero design
Fixes
- SweetAlert2 deprecation console messages
- Select2 placeholder not visible
- Removed helper classes for versions lower than IE10
Updates
- Bootstrap 4.1.3 (4.1.1)
- Font Awesome Free 5.5.0 (5.1.0) - 189 New Icons!
- CropperJS 1.4.3 (1.4.0)
- SweetAlert2 7.29.2 (7.25.0)
- CKEditor 4.11.1 (4.10.0)
- jQuery Password Strength Meter 3.0.1 (2.2.1)
- Bootstrap Colorpicker 3.0.3 (2.5.2)
- Summernote 0.8.11 (0.8.10)
- Chart.js 2.7.3 (2.7.2)
- DataTables.net Buttons 1.5.4 (1.5.3)
- HighlightJS 9.12.0 (9.10.0)
- DropzoneJS 5.5.1 (5.4.0)
- jQuery Validation 1.19.0 (1.17.0)
- Popper.js 1.14.4 (1.14.3)
Changes
-
Custom JavaScript code was rewritten, so please check out the JavaScript section for the new structure
-
In general, either using the Get Started or the HTML/PHP versions, you will now have to include the following 2 JS files in all your pages:
assets/js/codebase.core.min.js
andassets/js/codebase.app.min.js
- The custom functionality used in various pages as demonstration is also rewritten and now a minimized version of each is included in each related page (which is compiled from ES6)
-
Nothing has changed to the way you call the included JS helpers with the exception of the main functions (in case you are using them)
Codebase.helper('core-fn-uiInit')
changed toCodebase._uiInit()
Codebase.helper('core-fn-uiHandleScrollInit')
changed toCodebase._uiHandleScroll()
Codebase.helper('core-fn-uiHandleMain')
changed toCodebase._uiHandleMain()
Codebase.helper('core-fn-uiHandleHeader')
changed toCodebase._uiHandleHeader()
Codebase.helper('core-fn-uiHandleNav')
changed toCodebase._uiHandleNav()
Codebase.helper('core-fn-uiHandleForms')
changed toCodebase._uiHandleForms()
Codebase.helper('core-fn-uiHandleTheme')
changed toCodebase._uiHandleTheme()
Codebase.helper('core-fn-uiApiLayout')
changed toCodebase._uiApiLayout()
Codebase.helper('core-fn-uiApiBlocks')
changed toCodebase._uiApiBlocks()
Codebase.helper('core-page-loader')
changed toCodebase._uiHandlePageLoader()
- If you’ve made any customizations, you will have to apply them in the new JS files in ES6 syntax
-
In general, either using the Get Started or the HTML/PHP versions, you will now have to include the following 2 JS files in all your pages:
-
SlimScroll is no longer used for custom scrolling of the side areas (replaced by SimpleBar)
- It is no longer included in every page and it’s not part of the JS Core files
- You have to include its JS code if you would like to use it along with its helper for custom scrolling, please check the Scrolling page under Components for examples
-
Its helper was renamed from
core-slimscroll
toslimscroll
-
The wrapper
#sidebar-scroll
and#side-overlay-scroll
divs are no longer needed and can be removed from your markup
-
SimpleBar plugin is now used for custom scrolling of the side areas
- It is included in every page and it’s part of the JS Core files
-
The new file
_scss/vendor/_simplebar.scss
was added in_scss/main.scss
-
Removed IE9 conditional comments in <html> open tag
<html lang="en" class="no-focus">
-
Updated meta viewport tag in <head> section
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
- Bootstrap Colorpicker markup was updated due to breaking changes with its new version
- The Gulp 'build' task is now also including .html/.php files as well as all images from media folder
New Features
-
Real Estate Pages
- Dashboard
- Listing
- Add new Listing
- Page overlay (closes Side Overlay on click)
- Onboarding Modal
- Password Strength Meter
- Accordion
Improvements
- Muli web font is now the default font
- Main Navigation spacing and typography
- Notifications dropdown spacing and typography
- Modal backdrop background color is now based on current color theme
- Sidebar is now slightly bigger by default
- All plugins are now installed through npm for easier updating
Fixes
- Accordion functionality in FAQ page
- Letter spacing for 'text-uppercase' class
- Box-shadow when Sidebar position is set to right
Updates
- Bootstrap 4.1.1 (4.1)
- Font Awesome Free 5.1.0 (5.0.10)
- MomentJS 2.22.2 (2.22.1)
- CropperJS 1.4.0 (1.3.5)
- SweetAlert2 7.25.0 (7.19.1)
- CKEditor 4.10.0 (4.9.2)
- jVectorMap 3.0.0 (2.0.1)
Changes
-
Add the new Google web font in the <head> section of your pages just before Codebase CSS
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Muli:300,400,400i,600,700">
-
File structure updated in
assets/fonts/
-
The new file
_scss/vendor/_pwstrength.scss
was added in_scss/main.scss
-
Adding the class
enable-page-overlay
to#page-container
will enable the newly added clickable Page Overlay -
The plugins are now installed through npm and updated directly from the
node_modules/
folder, so small changes have been made to the names of a few files. Please make sure that you update all their CSS/JS resources accordingly in your pages after updating. The new resources urls can either be found in the JavaScript section of this documentation or their example pages. The impacted plugins are the following: ScrollLock, Select2, DropzoneJS, SweetAlert2 (es6-promise), Magnific Popup, DataTables, Slick, jQuery Raty, jVectorMap, jQuery Validation, SimpleMDE and Ion Range Slider.
New Features
-
Dashboards
- Dark
- Medical
- 6 Dashboards (Moved/Integrated from Get Started version into main versions - PHP/HTML)
- New documentation design
- New Gulp Tasks (added build-in web servers with auto refresh and file compilation for both versions)
- Bootstrap’s Custom File Input functionality (it now populates selected file names into the design automatically)
- Notifications Dropdown (backend pages in header)
Improvements
- Letter spacing, color contrast and layout spacing
- User’s name now becomes an icon on mobiles to free up space (backend pages in header)
- Custom Table Tools helper now works better with links/buttons in clickable table rows
-
Custom SCSS overrides are now easier with the new
custom/
folder - Sass files now compile to both minimized and full versions of all CSS files
- Gulp Tasks refined and improved
-
Added a
package-lock.json
file which helps installing the exact same dependencies versions as the ones we use (this helps by making sure everything works as intended) - Landing page design
Fixes
- Bootstrap Colorpicker demo examples in Form Plugins page
-
sidebar-mini-hidden-b
class works correctly now -
#page-loader
no longer appears when printing a page -
Removed
btn-circle
class from mobile navigation toggle button (in Minimal Dashboard)
Updates
- Bootstrap 4.1 (4.0)
- Popper 1.14.1 (1.12.9)
- jQuery 3.3.1 (3.2.1)
- Font Awesome Free 5.0.10 (5.0.4)
- Bootstrap Colorpicker 2.5.2 (2.5.1)
- Bootstrap Datepicker 1.8.0 (1.7.1)
- ChartJS 2.7.2 (2.7.1)
- CKEditor 4.9.2 (4.8.0)
- DropzoneJS 5.4.0 (5.3.0)
- Summernote 0.8.10 (0.8.8)
- CropperJS 1.3.5 (1.2.2)
- FullCalendar 3.9.0 (3.8.0)
- MomentJS 2.22.1 (2.20.1)
- SweetAlert2 7.19.1 (7.4.1)
- Gulp 4 (3.9.1)
Changes
- Bootstrap Colorpicker examples markup updated
-
assets/img/
folder was renamed toassets/media/
-
assets/scss/
folder was renamed toassets/_scss/
-
You can apply your SCSS overrides in
assets/_scss/custom/*
folder from now on since theassets/_scss/vendor/_custom.scss
file is no longer included. We've made that change to create a better file structure and also make variables overrides easier. If you have already made style overrides inassets/_scss/vendor/_custom.scss
, please move them over inassets/_scss/custom/_main.scss
. -
Please replace the old
gulpfile.js
andpackage.json
with the 4 new ones included in 2.1 package (.babelrc
,gulpfile.babel.js
,package.json
andpackage-lock.json
). Afterwards, you will have to runnpm install
from your system’s console to be able to use the new and updated Gulp tasks.
New Features
- Bootstrap 4.0 Final Stable version integration
-
6 Get Started Pages
- Backend Classic
- Backend Clean
- Backend Social
- Backend Corporate
- Backend Minimal
- Backend Pop
-
4 Crypto Pages
- Dashboard
- Buy/Sell
- Wallets
- Settings
-
Font Awesome 5 Support
If you would like to enable the new icons, just uncomment@import 'vendor/font-awesome5';
and comment@import 'vendor/font-awesome';
lines inscss/main.scss
. After compiling to CSS, you will be able to use them. Be sure to also check out Font Awesome Migration Guide for any icon name changes you might have to apply in your own pages.
Improvements
-
Themed block options styles now work even if they are added in a
block-content
and not only inblock-header
of ablock
- Hand cursor is now used when hovering over block option buttons to follow Bootstrap 4 approach
Fixes
-
body { text-align: right; }
was added in RTL example pages in Get Started version - Button groups toggle styles fixed
-
uiHelperNotify()
helper for Bootstrap Notify plugin was updated accordingly to support Bootstrap 4 grid classes and display notifications correctly on mobiles -
btn-noborder
hover and focus styles were fixed -
fa-li
class (used for icon lists) position fixed
Updates
- Bootstrap 4.0 Final Stable (Beta 2)
- Popper 1.12.9 (1.12.3)
- FullCalendar 3.8.0 (3.7.0)
- MomentJS 2.20.1 (2.19.3)
- SweetAlert2 7.4.1 (6.11.5)
- CropperJS 1.2.2 (1.1.3)
- DropzoneJS 5.3.0 (5.2.0)
- CKEditor 4.8.0 (4.7.3)
Markup Changes
-
We are now including only
js/core/bootstrap.bundle.min.js
from the core files instead of includingjs/core/bootstrap.min.js
andjs/core/popper.min.js
separately - (BS4 breaking change) Custom file input markup changed
- (BS4 breaking change) Custom input controls (checkboxes & radios) markup changed
-
(BS4 breaking change) Input groups markup changed (
input-group-btn
&input-group-addon
are now deprecated in favor of the newinput-group-prepend
,input-group-prepend
&input-group-text
classes). Codebase’s material input groups are also updated to reflect those changes. - For more details please also check Bootstrap 4 Stable Changes and Bootstrap 4 Beta 3 Breaking Changes (they also apply because we are upgrading from Beta 2)
New Features
-
3 e-Learning Pages
- Courses
- Course
- Lesson
- Scrum Board Page
- Summernote Editor
Improvements
-
slidesToScroll option was added to Slick Plugin Helper and can be set with
data-slides-to-show
attribute
Fixes
- Themed block options fixed when nested blocks are used
Updates
- Bootstrap 4 Beta 2 (Beta 1)
- Select2 4.0.5 (4.0.4)
- FullCalendar 3.7.0 (3.6.1)
- MomentJS 2.19.3 (2.19.1)
- CropperJS 1.1.3 (1.1.1)
- SweetAlert2 6.11.5 (6.10.3)
- JS Cookie 2.2.0 (2.1.2)
- jQuery Raty 2.8.0 (2.7.1)
- CKEditor 4.7.3 (4.7.2)
- Popper 1.12.3 (1.10.8)
Markup Changes
-
Class
pos-relative
updated toposition-relative
-
Class
pos-absolute
updated toposition-absolute
-
Class
thead-default
updated tothead-light
(BS4 Beta 2) -
Class
thead-inverse
updated tothead-dark
(BS4 Beta 2) - Progress Mini markup updated a bit (please check Activity page) (BS4 Beta 2)
- Bootstrap 4 Beta 2 breaking changes
New Features
-
3 Dashboard Pages
- Dashboard 2
- Dashboard 3
- Dashboard 4
-
8 Authentication Pages
- Sign In 2
- Sign In 3
- Sign Up 2
- Sign Up 3
- Password Reminder 2
- Password Reminder 3
- Lock Screen 2
- Lock Screen 3
- Todo Page
Improvements
-
Inverse style for block loading mode with
block-mode-loading-inverse
class (showcased in Dashboard 2 page)
Updates
- Chart.js 2.7.0 (2.6.0)
- DataTables 1.10.16 (1.10.15)
- DropzoneJS 5.2.0 (5.1.1)
- Select2 4.0.4 (4.0.3)
- FullCalendar 3.6.1 (3.5.1)
- MomentJS 2.19.1 (2.10.5)
- CropperJS 1.1.1 (1.0.0)
- Slick 1.8.1 (1.7.1)
- SweetAlert 6.10.3 (6.6.10)
The first big Codebase update is here bringing you lots of new pages and features! We hope you are as excited as we are! Stay tuned for more updates in the future and happy coding! ;-)
New Features
-
Boxed Dashboard
- Dashboard
- Search
- 10 Hero Variations Pages
-
eCommerce Pages
- Dashboard
- Orders
- Order
- Products
- Product Edit
- Customer
-
Backend Generic Pages
- Blog
- Story
- Project List
- Project
- Upgrade Plan
- Team
- Contact
- Chat Component
- Form Wizard
- Image Cropper
Improvements
- The glass fixed header variation now gets its background color if the page is refreshed and the page is already scrolled down
-
link-effect
class now works only on bigger screen widths -
row-deck
class now applies to 'block' classes and not to generic divs
Updates
- FullCalendar 3.5.1 (3.4.0)
- CKEditor 4.7.2 (4.7.1)
- Slick 1.7.1 (1.6.0)
- jQuery Validation 1.17.0 (1.16.0)
- SweetAlert 6.6.10 (6.6.5)
Fixes
-
Line height of dropdowns is now fixed if used inside
content-heading
-
Removed border radius of
block-rounded
blocks which are in fullscreen mode
Markup/File Changes
-
col-lg-4
was changed tocol-xl-4
inop_auth_*
pages -
bg-fe-pattern.png
renamed tobg-pattern.png
inassets/img/various/
-
bg-fe-pattern-inverse.png
renamed tobg-pattern-inverse.png
inassets/img/various/
-
fe-project-promo*.png
images renamed tocb-project-promo*.png
inassets/img/various/
-
fe-promo*.png
images renamed tocb-promo*.png
inassets/img/various/
PS: Unfortunately, we also had to remove the frontend page examples as per Envato's request. We did the best we could to explain that Codebase is a UI framework which reuses the same resources to build all kind of layouts and does not bundling different templates but to no avail. The good news is that you can still use the frontend pages you've already downloaded without any issues since they are using the same resources as the backend does.
Bootstrap 4 Beta version was officially released today, so we took the chance and quickly updated Codebase! There is no need to change anything in your markup since all breaking changes from Alpha 6 were already implemented in Codebase since its release! Stay tuned for rich content & features updates in the near future as we are working on them! Happy coding! ;-)
Updates
- Bootstrap 4 Beta (development beta was used)
1.0 Release
Updating
Codebase will receive free updates in the future adding many new awesome features and pages as well as third-party plugin upgrades. One of the main goals was to make sure the update progress is going to be as easy as possible. Due to its nature (template), updating can become an unpleasant task.
Therefore we’ve tried to make it as easy as possible to let you apply your own overrides (in case you would like to) to both Sass (_scss/
) or JavaScript (_es6/
) files without altering the original files. Please check Sass and JavaScript section for more info!
In general, the following core folders/files will have to be updated with each update:
HTML/PHP Versions
-
assets/css/
-
themes/*
-
codebase.css
-
codebase.min.css
-
-
assets/js/
-
core/*
If you are using the minified version of core files -codebase.core.min.js
, you don't have to update them -
plugins/*
-
codebase.app.min.js
-
codebase.core.min.js
-
-
assets/fonts/*
Laravel Starter Kit (run the command npm install
after updating with the new files)
-
public/css/
-
themes/*
-
codebase.css
-
-
public/js/
-
plugins/*
-
codebase.app.js
-
-
public/fonts/*
-
resources/assets/
-
js/codebase/modules/*
-
sass/*
Except from
custom/
folder where you can make your own modifications
-
-
webpack.mix.js
Please make sure you don’t override any custom additions you might have introduced
-
package.json
Please make sure you don’t override any custom packages you might have installed
-
package-lock.json
If you are working with source files (Sass and/or ES6), you will have to update the following as well:
HTML/PHP Versions
-
assets/_es6/main/modules/*
-
assets/_scss/*
Except fromcustom/
folder where you can make your own modifications
Moreover, if you are using Gulp tasks, remember to update the following files in your project’s root folder and then run the command npm install
from your console to install/update any new dependencies:
HTML/PHP Versions
-
.babelrc
-
gulpfile.babel.js
-
package.json
-
package-lock.json
Remember that it’s always a good idea to backup your work before updating to a new version!
When a new update becomes available, you will be able to download it from Themeforest. You can check the checkbox under the product ( Get notified by email if this item is updated), follow us on Twitter or subscribe to our news to stay up to date about the availability of new updates.
Package
Codebase was built with extra care based on the valuable feedback we keep receiving over the past years working full-time on dashboard templates. It follows the best practices using the latest technologies and we really hope that you will enjoy working with it.
Codebase will enable you to build fast, beautiful, user friendly web applications and websites that will work seamlessly across various screens and devices. It will be a valuable tool that will help you create the product that will provoke the emotions and credibility you want for your business.
Let's have a look at the contents of the current package:
-
01 - Codebase Get Started
Includes vital framework files minimized and ready for production. Moreover, in here you will find 6 boilerplate pages (backend, boxed backend and landing - plus their RTL versions) to get you started. -
02 - Codebase Source (HTML)
Includes the abstract HTML version. This version can be used with any server side language/framework you prefer or currently working with. -
03 - Codebase Source (PHP)
Includes the abstract PHP version. This version can come really handy as a starting point if you would like to build a custom PHP application. It can help you in many ways:-
It enables you to change various options of the layout just by updating the main variables found in
src/inc/_global/config.php
. Each template section (eg backend or dashboards sections) has also its own folder with its own config file which can be used to overwrite the main variables of your choice for the pages in that section. For example, the extra config file for all backend pages (be_*.php) can be found insrc/inc/backend/config.php
. -
It uses basic templating for separating common used code (header, sidebar, footer etc). The main views which are used in every page can be found in
src/inc/_global/views/*
. Each template section (eg backend or dashboards sections) also has its own folder with its own views which can be used for common code, used only in the pages in that section. For example, the extra views for all backend pages (be_*.php) can be found insrc/inc/backend/views/*
. - It features a recursive function that can build main navigation on the fly (with as many levels as you like - up to 3 for the horizontal header navigation) from a multidimensional array you can set in the config file of each section.
-
It features various functions that can populate your pages with dummy content for testing and showcasing purposes
src/inc/_classes/Template.php
- In general, this version can also give you a good idea of how you could implement your own templating in the language/framework of your choice.
-
It enables you to change various options of the layout just by updating the main variables found in
-
04 - Codebase Source (Laravel Starter Kit)
If you are using Laravel to build your next project, then this starter kit is the perfect fit. It features a clean Laravel installation with all Codebase assets ready to work with Laravel Mix and a few example pages to get you started. You can either take the parts you want and integrate them into your current project or you can run the following commands to install all dependencies and start building with Laravel like you would normally do.-
composer install
-
npm install
-
php artisan key:generate
Afterwards, you can use the following Laravel commands you already now and love:-
php artisan serve
Serves your project -
npm run watch
Watches your files and compiles your assets on the fly (also auto reloads your browser) -
npm run dev
Compiles your assets -
npm run prod
Compiles and prepares your assets for production
Please have in mind that you have to already be familiar with Laravel to use this version. If you are interest to learn Laravel, you can have a look at the official documentation. -
-
Documentation
Of course, it includes current documentation!
You don’t have to use Node.js or Gulp with the template if you don't like. You can ignore .babelrc
, gulpfile.babel.js
, package.json
and package-lock.json
and work directly with the files found in the src/
folder of each version. In that case, you won't be able to take advantage of our premade tasks and if for example you would like to work with and compile the Sass/ES6 files, you will just have to use your own compiling method or tasks. Alternatively, you can just use the minimized production ready files (which are used by default in all pages) and work as usual.
Bootstrap
Bootstrap is the world's most popular front-end component library. It is easy to use and offers a large variety of CSS as well as JavaScript components. Codebase uses this framework at its core and builds on top its unique layout and features. It redesigns/extends the original components and introduces new ones, featuring a modern and clean design.
If you are unfamiliar with the framework, its official website will help you out a lot but if you just want to start quickly, you can easily replicate any feature or component we already present in Codebase pages. If you find a feature in the official Bootstrap Docs you would like to use, feel free to, since they are almost all available in Codebase.
Please have in mind that by default we don’t include the navbar
, card
, jumbotron
and carousel
components since we use our own but you can easily include them if you need them by uncommenting them in _scss/main.scss
and re-compiling to CSS.
Gulp Tasks
Gulp is a JavaScript Task Runner. It enables you to automate repetitive tasks like minification, compilation, unit testing, linting, etc, which makes your life easier.
In Codebase, we've created many Gulp tasks which take care of everything for you! They set up a web server which auto refreshes on file changes, compile on the fly your Sass and ES6 files into CSS and ES5 respectively and build your production ready project.
To use it with the template (HTML or PHP version), you will first have to:
-
Download and install Node.js
Prefer the LTS version just to make sure there won't be any incompatibilities
-
Install gulp-cli globally by running the command
npm install -g gulp-cli
in your system’s console. -
(Optional step for running the PHP web server for the PHP version) Make sure that you've installed PHP on your system and that PHP is included in your system's PATH. You can try running
php --version
in your console to see if it is already installed. -
Install all required dependencies in your project’s folder by running the command
npm install
in your system’s console - You will have to run it from your project’s root folder which will have to includesrc/
folder,.babelrc
,gulpfile.babel.js
,package.json
andpackage-lock.json
files.
After you’ve successfully completed the previous steps, you will be able to run the following commands in your system’s console from your project’s root folder and start working:
| Command | Description | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Main Tasks | |||||||||||||
gulp run-html
|
Sets up a custom static HTML Web server at http://localhost:3000 which auto refreshes when you update any vital file in the project. It also starts watching for changes in the Sass and ES6 files and auto recompiles them to CSS and ES5 respectively if there is a change. |
||||||||||||
gulp run-php
|
Sets up a custom PHP Web server at http://localhost:3000 which auto refreshes when you update any vital file in the project. It also starts watching for changes in the Sass and ES6 files and auto recompiles them to CSS and ES5 respectively if there is a change. |
||||||||||||
gulp build
|
It will prepare and build your custom, minimized and production ready Codebase project. After it completes, you will be able to find it under a new |
||||||||||||
| Additional Tasks (on demand) | |||||||||||||
gulp css
|
Compiles from Sass to CSS (Autoprefixer auto adds required browser CSS prefixes).
|
||||||||||||
gulp js
|
Webpack bundles JS modules together and Babel compiles from ES6 to ES5:
|
||||||||||||
gulp js-dev
|
Webpack bundles JS modules together and Babel compiles from ES6 to ES5:
Webpack runs with development mode and produces development friendly files as well:
|
||||||||||||
gulp watch
|
It starts watching for changes in Sass and ES6 files and auto recompiles them to CSS and ES5 respectively if there is a change. Useful if you would like to run it separately since it automatically runs when you use the |
HTML
Codebase features a super flexible, smart and powerful layout which can be used to create dashboard and website pages with minimum effort using the same resources. In the Get Started folder, you will be able to find 3 boilerplate templates (backend, boxed backend and landing) which highlight how easy is to create your own pages.
The layout offers many options which can be enabled just by adding or removing a class in the #page-container
element. If you play around with the PHP version, you will be able to set these options from the src/inc/_global/config.php
file.
Let’s have a quick look at the generic HTML structure and get familiar with the layout:
<!doctype html>
<html lang="en" class="no-focus">
<head>
<!-- Title and Meta -->
...
<!-- END Title and Meta -->
<!-- Icons -->
<!-- The following icons can be replaced with your own, they are used by desktop and mobile browsers -->
...
<!-- END Icons -->
<!-- Stylesheets -->
<!-- Page JS Plugins CSS go here -->
<!-- Fonts and Codebase framework -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Muli:300,400,400i,600,700">
<link rel="stylesheet" id="css-main" href="assets/css/codebase.min.css">
<!-- You can include a specific file from css/themes/ folder to alter the default color theme of the template. eg: -->
<!-- <link rel="stylesheet" id="css-theme" href="assets/css/themes/flat.min.css"> -->
<!-- END Stylesheets -->
</head>
<body>
<!-- Page Container -->
<!--
Available classes for #page-container:
GENERIC
'enable-cookies' Remembers active color theme between pages (when set through color
theme helper Codebase() -> uiHandleTheme())
SIDEBAR & SIDE OVERLAY
'sidebar-r' Right Sidebar and left Side Overlay (default is left Sidebar and right Side Overlay)
'sidebar-mini' Mini hoverable Sidebar (screen width > 991px)
'sidebar-o' Visible Sidebar by default (screen width > 991px)
'sidebar-o-xs' Visible Sidebar by default (screen width < 992px)
'sidebar-inverse' Dark themed sidebar
'side-overlay-hover' Hoverable Side Overlay (screen width > 991px)
'side-overlay-o' Visible Side Overlay by default
'enable-page-overlay' Enables a visible clickable Page Overlay (closes Side Overlay on click) when Side Overlay opens
'side-scroll' Enables custom scrolling on Sidebar and Side Overlay instead of native
scrolling (screen width > 991px)
HEADER
'' Static Header if no class is added
'page-header-fixed' Fixed Header
HEADER STYLE
'' Classic Header style if no class is added
'page-header-modern' Modern Header style
'page-header-inverse' Dark themed Header (works only with classic Header style)
'page-header-glass' Light themed Header with transparency by default
(absolute position, perfect for light images underneath - solid light background
on scroll if the Header is also set as fixed)
'page-header-glass page-header-inverse' Dark themed Header with transparency by default
(absolute position, perfect for dark images underneath - solid dark background
on scroll if the Header is also set as fixed)
MAIN CONTENT LAYOUT
'' Full width Main Content if no class is added
'main-content-boxed' Full width Main Content with a specific maximum width (screen width > 1200px)
'main-content-narrow' Full width Main Content with a percentage width (screen width > 1200px)
-->
<div id="page-container">
<!-- Side Overlay-->
<aside id="side-overlay">
...
</aside>
<!-- END Side Overlay -->
<!-- Sidebar -->
<nav id="sidebar">
...
</nav>
<!-- END Sidebar -->
<!-- Header -->
<header id="page-header">
...
</header>
<!-- END Header -->
<!-- Main Container -->
<main id="main-container">
...
</main>
<!-- END Main Container -->
<!-- Footer -->
<footer id="page-footer">
...
</footer>
<!-- END Footer -->
</div>
<!-- END Page Container -->
<!-- Codebase JS -->
<script src="assets/js/codebase.core.min.js"></script>
<script src="assets/js/codebase.app.min.js"></script>
<!-- Page JS Plugins + Page JS Code -->
</body>
</html>
As you can see, we kept the HTML structure as simple as possible, so we hope that you find it easy to understand and implement in your own pages. Furthermore, have in mind that you can remove #side-overlay
, #sidebar
, #page-header
or #page-footer
markup if you would like to not have them in some of your pages. Everything will work as expected, just make sure that you don’t use any related classes (to the element you removed) in #page-container
.
Sass
Codebase was built with Sass using the latest SCSS
syntax. It is a powerful CSS pre-processor which extends the CSS language, adding features that allow variables, mixins, functions and many other techniques, enabling you to make CSS that is more maintainable and extendable.
If you would like to extend the framework and add your own styles or UI components, feel free to use the Sass files included in the source (HTML and PHP version) under src/assets/_scss/*
folder. You can also use the included Gulp tasks to auto compile to CSS every time you make a change (any required browser prefixes will be auto added after compilation, so you don’t have to).
It is highly recommended though, to use the custom files we created for you to add your own styles and make the updating process easier. They can be found in assets/_scss/custom/
. In assets/_scss/custom/_variables.scss
you will be able to override any variables you want and in assets/_scss/custom/_main.scss
you will be able to add your own styles or override current ones.
Let’s have a better look at the Sass files structure:
| Files | Description |
|---|---|
bootstrap/*
|
Includes all original unaltered Bootstrap 4 Sass files. The concept is to never touch those files, so that a framework update is possible. |
codebase/*
|
Includes all Codebase Sass files which follow the structure Bootstrap 4 uses. All Bootstrap 4 overrides can also be found in here (variables/mixins/functions/styles). We basically override what we can (using the available Bootstrap 4 variables) or want (functions/mixins) to match our needs. Then we override the styles we can’t alter with variables and add our own components. This method allows us to easily update Bootstrap, resuse its features in our styles and also export a smaller main CSS file with fewer style overrides. |
vendor/*
|
Includes all third party styles (eg animation.css, fontawesome icons, simple line icons). In here, you will also find all style overrides for the integrated jQuery plugins. |
custom/*
|
This is your own folder in which you can add your own styles or overrides. Making your own changes in here will enable you to just update all other folders (when an update becomes available) without worrying of erasing your changes. |
main.scss
|
This file is compiled to the main CSS stylesheet |
JavaScript
Codebase custom JS functionality was built from scratch with ES6 (ECMAScript 2015). This enabled us to take advantage of many new features which weren't available in ES5 (the version most web browsers support and run) and write clean and more maintainable code.
We use webpack to bundle together separate JS files and Babel to compile ES6 to ES5. You can take advantage of webpack and use it to also import plugins and libraries from the node_modules
folder directly in the custom code since all third party plugins used in Codebase will be installed with npm, too, after running npm install
.
ES6 JS code can be found under assets/_es6/
folder. These files have to be compiled to ES5 first before we include them in our pages and this is completely automated through the tasks we've created.
| Files | Description |
|---|---|
main/*
|
Custom Codebase JS functionality that is vital and used in all pages. If you would like to add own functionality or overrides, you can do so in |
pages/*
|
Files with custom code showcasing various plugin examples. They are used separately only in specific pages. |
Please make sure that you don’t use snippets from ES6 code directly in your pages since older browsers won't be able to run them.
Now, let’s have a better look at the JavaScript folder (assets/js/*
) which includes the compiled ES6 files as well as other JS resources:
| Files | Description |
|---|---|
core/*
and codebase.core.min.js
|
All vital libraries and plugins can be found here. These must be included in all pages because they are used for various features by the custom Codebase JS functionality. The minimized file is included by default in all pages but you can include the files from the core folder separately if you want to.
Moreover, you can also completely bypass those files and not include them in your pages separately but bundle them together with webpack. To achieve this, please have a look at |
codebase.app.min.js
|
The main file containing all custom JS code needed for Codebase features including layout and blocks API. It also includes various helper functions which you can call per page for enabling extra features (eg Table Helpers) or repetitive init code of various third party plugins. This file is compiled from |
plugins/*
|
All supported and integrated third-party plugins are included here. Some of them require from you to add their stylesheet as well, in the page you would like to use them (always before
All those plugins will also be downloaded in |
pages/*
|
Custom JS code used in specific pages demonstrating the usage of various plugins and functionality. These files are compiled from |
At the following section, we showcase various JS helpers for third party plugins. These are snippets of code which init plugins' functionality in the related markup. We have created many helpers to let you init various plugins easily without repeating the same JS code over and over again in your pages.
Let’s have a better look at the core JavaScript files:
Let’s have a better look at all the other third-party plugins:
| Name | CSS | Helper | Version | Online |
|---|---|---|---|---|
| Bootstrap Colorpicker | 3.0.3 | |||
|
A nice and customizable colorpicker plugin for Bootstrap. Required CSS files (include before main CSS):
Required JS files (include after all other JS scripts):
Helper (call it after all JS scripts are added):
Usage (add
|
||||
| Bootstrap Datepicker | 1.8.0 | |||
|
A nice and customizable datepicker plugin for Bootstrap. Required CSS files (include before main CSS):
Required JS files (include after all other JS scripts):
Helper (call it after all JS scripts are added):
Usage (add
|
||||
| Bootstrap Maxlength | 1.6.0 | |||
|
This plugin integrates by default with Bootstrap using badges to display the maximum length of the field where the user is inserting text. Uses the HTML5 attribute "maxlength" to work. Required JS files (include after all other JS scripts):
Helper (call it after all JS scripts are added):
Usage (add
|
||||
| Bootstrap Notify | 3.1.3 | |||
|
Turns standard Bootstrap alerts into "Growl-like" notifications. Required JS files (include after all other JS scripts):
Helper (call it after all JS scripts are added - Check activity page for examples):
Usage (programmatically trigger notifications by using the helper):
|
||||
| Chart.js | 2.7.3 | |||
|
Simple, clean and engaging charts for designers and developers. Required JS files (include after all other JS scripts):
Usage: Please check out Charts page under Components for usage examples. |
||||
| CKEditor | 4.11.1 | |||
|
CKEditor is a ready-for-use HTML text editor designed to simplify web content creation. It's a WYSIWYG editor that brings common word processor features directly to your web pages. Required JS files (include after all other JS scripts):
Helper (call it after all JS scripts are added):
Usage (add
|
||||
| Cropper.js | 1.4.3 | |||
|
Cropper.js is a JavaScript image cropper. Required CSS files (include before main CSS):
Required JS files (include after all other JS scripts):
Usage: Please check out Image Cropper page under Components for usage examples. |
||||
| DataTables | 1.10.16 | |||
|
DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, and will add advanced interaction controls to any HTML table. Required CSS files (include before main CSS):
Required JS files (include after all other JS scripts):
Usage: Please check out DataTables page under Tables for usage examples. |
||||
| Dropzone.js | 5.5.1 | |||
|
DropzoneJS is an open source library that provides drag’n’drop file uploads with image previews. Required CSS files (include before main CSS):
Required JS files (include after all other JS scripts):
Usage (add
|
||||
| Easy Pie Chart | 2.1.7 | |||
|
Easy Pie Chart is a lightweight plugin to draw simple, animated pie charts for single values. Required JS files (include after all other JS scripts):
Helper (call it after all JS scripts are added):
Usage (add
|
||||
| Flot Charts | 0.8.3 | |||
|
Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features. Required JS files (include after all other JS scripts):
Usage: Please check out Charts page under Components for usage examples. |
||||
| FullCalendar | 3.9.0 | |||
|
FullCalendar is a jQuery plugin that provides a full-sized, drag & drop event calendar. It uses AJAX to fetch events on-the-fly and is easily configured to use your own feed format. It is visually customizable with a rich API. Required CSS files (include before main CSS):
Required JS files (include after all other JS scripts):
Usage: Please check out Calendar page under Components for usage examples. |
||||
| Gmaps.js | 0.4.24 | |||
|
The easiest way to use Google Maps. Google Maps API requires an API key to work correctly! To obtain your own key and be able to use them, please head over at Google and follow the instructions. Required JS files (include after all other JS scripts):
Usage: Please check out Google Maps page under Components for usage examples. |
||||
| Highlight.js | 9.12.0 | |||
|
JavaScript syntax highlighter.
Required CSS files (include before main CSS - You can also include some other file from
Required JS files (include after all other JS scripts):
Helper (call it after all other scripts are added):
Usage: Please check out Syntax Highlighting page under Components for usage examples. |
||||
| Ion Range Slider | 2.2.0 | |||
|
Easy, flexible and responsive range sliders. Required CSS files (include before main CSS):
Required JS files (include after all other JS scripts):
Helper (call it after all JS scripts are added):
Usage (add
|
||||
| jQuery AutoComplete | 1.0.7 | |||
|
An extremely lightweight completion suggester plugin for jQuery. Required CSS files (include before main CSS):
Required JS files (include after all other JS scripts):
Usage: Please check out Plugins page under Forms for usage examples. |
||||
| jQuery Bootstrap Wizard | 1.4.2* | |||
|
It allows to build a wizard functionality using buttons to go through the different wizard steps and using events allows to hook into each step individually. Required JS files (include after all other JS scripts):
Usage: Please check out the Wizard page under Forms for usage examples. *We've made a few customizations to make it compatible with Bootstrap 4. |
||||
| jQuery Countdown | 2.2.0 | |||
|
The Final Countdown plugin for jQuery. Required JS files (include after all other JS scripts):
Usage: Please check out Coming Soon page for usage example. |
||||
| jQuery Sparkline | 2.1.2 | |||
|
This jQuery plugin generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via JavaScript. Required JS files (include after all other JS scripts):
Usage: Please check out Charts page under Components for more usage examples. |
||||
| jQuery Validation | 1.19.0 | |||
|
The jQuery Validation Plugin provides drop-in validation for your existing forms, while making all kinds of customizations to fit your application really easy. Required JS files (include after all other JS scripts):
Usage: Please check out Validation page under Forms for usage examples. |
||||
| jQuery Masked Input | 1.4.1 | |||
|
This is a masked input plugin for the jQuery JavaScript library. It allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates, phone numbers, etc). Required JS files (include after all other JS scripts):
Helper (call it after all JS scripts are added):
Usage (the helper inits various classes to work with): Please check out Plugins page under Forms for usage examples. |
||||
| jQuery Raty | 2.8.0 | |||
|
A star rating plugin. Required JS files (include after all other JS scripts):
Usage: Please check out Rating page under Components for usage examples. |
||||
| jQuery Tags Input | 1.3.6 | |||
|
Magically convert a simple text input into a cool tag list with this jQuery plugin. Required CSS files (include before main CSS):
Required JS files (include after all other JS scripts):
Helper (call it after all JS scripts are added):
Usage (add
|
||||
| jVectorMap | 3.0.0 | |||
|
Vector Maps component. Required CSS files (include before main CSS):
Required JS files (include after all other JS scripts):
Usage: Please check out Vector Maps page under Components for usage examples. |
||||
| Magnific Popup | 1.1.0 | |||
|
Light and responsive lightbox script with focus on performance. Required CSS files (include before main CSS):
Required JS files (include after all other JS scripts):
Helper (call it after all JS scripts are added):
Usage (with Please check out Gallery page under Components for usage examples. |
||||
| Select2 | 4.0.5 | |||
|
Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results. Required CSS files (include before main CSS):
Required JS files (include after all other JS scripts):
Helper (call it after all JS scripts are added):
Usage (add
|
||||
| SimpleMDE Markdown Editor | 1.11.2 | |||
|
A simple, beautiful, and embeddable JavaScript Markdown editor. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking. Required CSS files (include before main CSS):
Required JS files (include after all other JS scripts):
Helper (call it after all JS scripts are added):
Usage (add
|
||||
| Slick | 1.8.1 | |||
|
The last carousel you'll ever need. Required CSS files (include before main CSS):
Required JS files (include after all other JS scripts):
Helper (call it after all JS scripts are added):
Usage (with
Please check out Sliders page under Components for more usage examples. |
||||
| SlimScroll | 1.3.8 | |||
|
SlimScroll transforms any div into a scrollable area with a nice scrollbar - similar to the one Facebook and Google started using in their products recently. SlimScroll doesn't occupy any visual space as it only appears on a user initiated mouse-over. User can drag the scrollbar or use mouse-wheel to change the scroll value. Required JS files (include after all other JS scripts):
Helper (call it after all JS scripts are added):
Usage (add data-* attributes to an element):
You can also use more options:
|
||||
| Summernote | 0.8.11 | |||
|
Summernote is a JavaScript library that helps you create WYSIWYG editors online. Required CSS files (include before main CSS):
Required JS files (include after all other JS scripts):
Helper (call it after all JS scripts are added):
Usage (add
|
||||
| SweetAlert2 | 7.25.0 | |||
|
An awesome replacement for JavaScript's alert. Required CSS files (include before main CSS):
Required JS files (include after all core JS scripts - es6-promise.auto.min.js is required for IE10 and up support):
Usage: Please check out Activity page under Elements for usage examples. |
||||
| Vide | 0.5.1 | |||
|
Easy as hell jQuery plugin for video backgrounds. Required JS files (include after all other JS scripts):
Usage: Please check out the Hero Video page under Layout for usage examples. Note: If you are having issues with the auto video playback in Safari 11, please have a look at https://github.com/vodkabears/Vide/issues/206 |
||||
| jQuery Password Strength Meter | 3.0.1 | |||
|
The jQuery Password Strength Meter is a plugin for Twitter Bootstrap that provides rulesets for visualy displaying the quality of a users typed in password. Required JS files (include after all other JS scripts):
Usage: Please check out the Form Plugins page for usage examples. |
Finally, let’s have a better look at few custom helpers:
| Print Page |
|
A helper which prints the main content of the current page. Helper (just by calling the following function):
|
| Class Toggle |
|
A helper which allows you to toggle a custom class on the element of your choice on button click. Helper: This helper is already called by default on page load. You only must call it again if you inject new markup to the page and would like to init the functionality on it.
Usage: Your target element
Your button
In this specific example, each button click will toggle the class 'your-class' on the element with class 'js-target-class'. |
| Ripple |
|
A helper which animates a ripple on button click. Helper: This helper is already called by default on page load. You only must call it again if you inject new markup to the page and would like to init the functionality on it.
Usage (add data-* attributes to a button):
|
| Scroll To |
|
A helper which allows you to animate scrolling to a specific element in the same page. Helper: This helper is already called by default on load. You only must call it again if you inject new markup to the page and would like to init the functionality on it.
 For example, very useful for portfolio items. Helper (call it after all JS scripts are added):
Usage: Please check out Filtering page under Components for usage examples. |
| Table Sections |
|
A helper which allows you to create table sections that toggle on row click (like an accordion component). Helper (call it after all JS scripts are added):
Usage:
1. Add the class
2. Use the follow markup in your table to create clickable header rows and their content
Please check out Table Tools page under Tables for usage examples. |
| Checkable Table |
|
A helper which allows you to create a table with checkable rows. Helper (call it after all JS scripts are added):
Usage:
1. Add the class
2. Use similar markup in your table to create checkable rows
Please check out Table Tools page under Tables for usage examples. |
You can load multiple helpers in a page by using an array:Codebase.helpers(['helper1', 'helper2', 'helper3']);
Feel free to ignore the provided helpers and use your own plugin inits after you’ve included the resources of the ones you need in your page.
When a helper is called and functionality/plugin is initialized, a class js-HELPER_NAME-enabled
is auto added to the element. This ensures that if you add a similar element dynamically to your page and call the helper again, the functionality/plugin will be initialized only on the new element. It’s a nice convenient solution but please have in mind that if you copy-paste an element to your markup from your browser’s developer tools, then you will also copy this extra class, so remember to remove it!
Class Reference
Codebase comes packed with many helpful CSS classes that will enable you to style your elements and build your pages any way you want. If you would like to have a look at all the available classes provided by Bootstrap, too, you can at the official Bootstrap Docs.
Let’s have a look at various CSS classes that might come in handy:
| Class | Description | ||||
|---|---|---|---|---|---|
|
Extra small devices Portrait phones (<576px) |
Small devices Landscape phones (≥576px - <768px) |
Medium devices Tablets (≥768px - <992px) |
Large devices Desktops (≥992px - <1200px) |
Extra large devices Desktops (≥1200px) |
|
Available options for * : inline inline-block block table table-cell flex inline-flex
|
|||||
d-none d-sm-* |
|||||
d-none d-md-* |
|||||
d-none d-lg-* |
|||||
d-none d-xl-* |
|||||
d-none |
|||||
d-sm-none |
|||||
d-md-none |
|||||
d-lg-none |
|||||
d-xl-none |
|||||
| Text | |||||
text-* |
Aligns the text (available options: left center right justify ). |
||||
font-size-* |
Adjusts font size (available options: h1 h2 h3 h4 h5 h6 default xs sm md lg xl ). |
||||
font-w* |
Adjusts font weight (available options: 300 400 600 700 ). |
||||
h1 |
Adjusts font style to match with <h1> tag. |
||||
h2 |
Adjusts font style to match with <h2> tag. |
||||
h3 |
Adjusts font style to match with <h3> tag. |
||||
h4 |
Adjusts font style to match with <h4> tag. |
||||
h5 |
Adjusts font style to match with <h5> tag. |
||||
h6 |
Adjusts font style to match with <h6> tag. |
||||
| Contextual Colors | |||||
text-warning bg-warning |
Sets the font color/background to an orange one. -light can be appended to base class for a light one. |
||||
text-danger bg-danger |
Sets the font color/background to a red one. -light can be appended to base class for a light one. |
||||
text-info bg-info |
Sets the font color/background to a blue one. -light can be appended to base class for a light one. |
||||
text-success bg-success |
Sets the font color/background to a green one. -light can be appended to base class for a light one. |
||||
text-black bg-black |
Sets the font color/background to black. | ||||
text-white bg-white |
Sets the font color/background to white. | ||||
text-muted bg-muted |
Sets the font color/background to a gray one. | ||||
text-black-op |
Sets the font color to black with opacity. | ||||
text-white-op |
Sets the font color to white with opacity. | ||||
bg-black-op |
Sets the background color to black with 50% opacity. -5 -10 -25 -75 -90 can be appended to base class to adjust opacity percentage. |
||||
bg-white-op |
Sets the background color to white with 50% opacity. -5 -10 -25 -75 -90 can be appended to base class to adjust opacity percentage. |
||||
Colors Themes Replace * with: default elegance pulse flat corporate earth |
|||||
text-* |
Sets the font color to the main color of a specific theme. | ||||
text-*-light |
Sets the font color to the main light color of a specific theme. | ||||
text-*-lighter |
Sets the font color to the main lighter color of a specific theme. | ||||
text-*-dark |
Sets the font color to the main dark color of a specific theme. | ||||
text-*-darker |
Sets the font color to the main darker color of a specific theme. | ||||
bg-* |
Sets the background color to the main color of a specific theme. | ||||
bg-*-op |
Sets the background color to the main color with opacity of a specific theme. | ||||
bg-*-light |
Sets the background color to the main light color of a specific theme. | ||||
bg-*-lighter |
Sets the background color to the main lighter color of a specific theme. | ||||
bg-*-dark |
Sets the background color to the main dark color of a specific theme. | ||||
bg-*-dark-op |
Sets the background color to the main dark color with opacity of a specific theme. | ||||
bg-*-darker |
Sets the background color to the main darker color of a specific theme. | ||||
bg-gd-* |
Sets the background color to a gradient based on the main color of a specific theme. | ||||
text-primary |
Sets the font color to the main color of the active theme. | ||||
text-primary-light |
Sets the font color to the main light color of the active theme. | ||||
text-primary-lighter |
Sets the font color to the main lighter color of the active theme. | ||||
text-primary-dark |
Sets the font color to the main dark color of the active theme. | ||||
text-primary-darker |
Sets the font color to the main darker color of the active theme. | ||||
text-body-bg |
Sets the font color to the body background color of the active theme. | ||||
text-body-bg-light |
Sets the font color to a lighter body background color of the active theme. | ||||
text-body-bg-dark |
Sets the font color to a darker body background color of the active theme. | ||||
text-body-color |
Sets the font color to the body color of the active theme. | ||||
text-body-color-light |
Sets the font color to a lighter body color of the active theme. | ||||
text-body-color-dark |
Sets the font color to a darker body color of the active theme. | ||||
bg-primary |
Sets the background color to the main color of the active theme. | ||||
bg-primary-op |
Sets the background color to the main color with opacity of the active theme. | ||||
bg-primary-light |
Sets the background color to the main light color of the active theme. | ||||
bg-primary-lighter |
Sets the background color to the main lighter color of the active theme. | ||||
bg-primary-dark |
Sets the background color to the main dark color of the active theme. | ||||
bg-primary-dark-op |
Sets the background color to the main dark color with opacity of the active theme. | ||||
bg-primary-darker |
Sets the background color to the main darker color of the active theme. | ||||
bg-gd-primary |
Sets the background color to a gradient based on the main color of the active theme. | ||||
bg-body |
Sets the background color to the body color of the active theme. | ||||
bg-body-light |
Sets the background color to a lighter body color of the active theme. | ||||
bg-body-dark |
Sets the background color to a darker body color of the active theme. | ||||
Space Helpers Replace * with: 5 10 15 20 30 50 100 150 200 300 |
|||||
mx-auto |
Centers a block element with a specific width inside its container. | ||||
m-* |
Sets element’s margin to specific pixels. | ||||
mt-* |
Sets element’s top margin to specific pixels. | ||||
mr-* |
Sets element’s right margin to specific pixels. | ||||
mb-* |
Sets element’s bottom margin to specific pixels. | ||||
ml-* |
Sets element’s left margin to specific pixels. | ||||
mx-* |
Sets element’s left & right margin to specific pixels. | ||||
my-* |
Sets element’s top & bottom margin to specific pixels. | ||||
p-* |
Sets element’s padding to specific pixels. | ||||
pt-* |
Sets element’s top padding to specific pixels. | ||||
pr-* |
Sets element’s right padding to specific pixels. | ||||
pb-* |
Sets element’s bottom padding to specific pixels. | ||||
pl-* |
Sets element’s left padding to specific pixels. | ||||
px-* |
Sets element’s left & right padding to specific pixels. | ||||
py-* |
Sets element’s top & bottom padding to specific pixels. | ||||
| Various Helpers | |||||
float-left |
Floats the element left. | ||||
float-right |
Floats the element right. | ||||
clearfix |
Clears all floats in the element. | ||||
border |
Adds a light border to the element (append to base class -t -r -b and -l for a top, right, bottom and left border respectively). |
||||
border-white-op |
Adds a white border (with opacity) to the element (append to base class -t -r -b and -l for a top, right, bottom and left border respectively). |
||||
border-black-op |
Adds a black border (with opacity) to the element (append to base class -t -r -b and -l for a top, right, bottom and left border respectively). |
||||
border-2x |
Sets the border width to 2 pixels. | ||||
border-3x |
Sets the border width to 3 pixels. | ||||
min-width-* |
Sets element’s minimum width to specific pixels (append to base class 20 30 50 75 100 125 150 175 200 300 320 ) |
||||
min-height-* |
Sets element’s minimum height to specific pixels (append to base class 20 30 50 75 100 125 150 175 200 300 400 500 ) |
||||
overflow-hidden |
Sets element’s overflow to hidden. | ||||
opacity-0 |
Sets element’s opacity to 0. | ||||
opacity-1 |
Sets element’s opacity to 1. | ||||
invisible |
Sets element’s visibility to hidden. | ||||
d-print-none |
Hides the element from printing. |
Quick Tips
CSS Prefixes for older browsers
You can update the following array in package.json
accordingly if you would like the Autoprexifer to auto add CSS prefixes for older browser versions (when using the Gulp tasks to compile from Sass to CSS). By default, we use the same as Bootstrap 4 does.
"browserslist": [
">= 1%",
"last 1 major version",
"not dead",
"Chrome >= 45",
"Firefox >= 38",
"Edge >= 12",
"Explorer >= 10",
"iOS >= 9",
"Safari >= 9",
"Android >= 4.4",
"Opera >= 30"
]
Retina Support
The UI will look crispy clear on retina screens and if you would like your images to look great, too, then you will have to use the srcset
attribute of the <img>
element. For example, if you have an image assets/media/my_image.jpg
and its retina version<EMAIL_ADDRESS>you will have to use the following markup:
<img src="assets/media/my_image.jpg"<EMAIL_ADDRESS>2x" alt="Image Description">
The browser will auto select the best version and load it accordingly. Older browsers will ignore the srcset
attribute and will load the regular image as usual.
Border-Box
The Bootstrap framework makes use of the border-box CSS model. That means that if you want to alter the width of an element with CSS, you can do it without worrying about the padding or the border size of that element (they will be adjusted to the width you will set).
Font Awesome 5.x Support
Codebase provides support for the latest version of Font Awesome Icon pack out of the box. If you would like to enable the new icons, just uncomment @import 'vendor/font-awesome5';
and comment @import 'vendor/font-awesome';
lines in scss/main.scss
. After compiling to CSS, you will be able to use them. Be sure to also check out Font Awesome Migration Guide for any icon name changes you might have to apply in your own pages.
Focus Styles
Consider removing no-focus
class form the <html>
tag. This way you can restore the default browser focus outline style. Even though custom focus styles have been specified in the template, it is a good practice to keep the focus outline, too, for accessibility purposes.
Demo Forms
Please remember to remove onsubmit="return false;"
from <form>
tags if you are using a form from the example pages. It is just added to prevent forms from submitting in case you click on a submit button while previewing the pages.
Favicons
If you would like to auto create your favicons from your image/logo, you can use the free service over at http://realfavicongenerator.net
Google Maps API key
Google Maps API requires an API key to work correctly! To obtain your own key and be able to use them, please head over at Google and follow the instructions. You will be able to load the Google Maps API by using the following code with your own key: <script src="https://maps.googleapis.com/maps/api/js?key=your-api-key"></script>
. Afterwards, you will be able to use the gmaps.js plugin and init your maps. If you are using the PHP version, you can simply add your API Key in the inc/_global/config.php
file.
User Avatars
All avatars used in the online demo are not available for commercial use, so we couldn't include them in the final package (they can only be used for demonstration). If you would like them for mockup purposes, you can either replace the images in assets/media/avatars/
folder with avatars from uifaces.com or you can contact us to send you the ones we've used in the online demo (also from uifaces.com). Have in mind that they can only be used for demo purposes (mockup or online).
User Names
All user names used in the template are fictional and only used for demonstration. They were randomly generated at uinames.com, so if you are in need of random names for your mockups, it is a great choice.
Credits
We’ve used the following resources as listed. Special thanks to all the authors for their hard work!
| Frameworks |
|---|
| Bootstrap |
| Animate.css |
| Photos |
|---|
| MyPhotoPack |
| Unsplash |
| Videos |
|---|
| Pexels |
| Icons |
|---|
| Font Awesome 4.x |
| Font Awesome 5.x |
| Simple Line Icons |
| Misc |
|---|
| uifaces.com (avatars used on online demo for template demonstration purposes only) |
| uinames.com (randomly generated names used for template demonstration purposes only) |
Thank You!
Thank you so much for supporting our work by choosing one of our products! We wish you all the best with your upcoming projects and endeavours in life! If you would like to check out more of our products, be sure to visit our website.
Have a great day and happy coding!


Parent Directory
K8a1
K8a2
K8a3
K8a4
K8a5
K8a6
K8a7
K8a8
K8a9
K8a10
K8a11
K8a13
K8a14
K8a15
K8a16
K8a17
K8a18
K8n1
K8n2


Singapore's Carousell valued at more than S$1 billion on merger with Telenor unit
SINGAPORE: Online classifieds business Carousell said it has agreed to merge with a subsidiary of Norwegian telecoms firm Telenor Group, valuing the combined company at more than US$850 million (S$1.16 billion).
Carousell will merge with Telenor's 701Search, which owns online marketplaces Mudah in Malaysia, Cho Tot in Vietnam, and OneKyat in Myanmar, as part of the equity and cash agreement, it said in a statement on Thursday (Nov 21).
READ: Telenor and Axiata back off from merger of Asian businesses
READ: Carousell acquires Malaysian mobile classifieds start-up Duriana
Telenor will become the single-largest minority shareholder in Carousell with a 32 per cent stake in the combined company.
Telenor said 701Search will cease to be its subsidiary company of Telenor Group and will merge its operations with Carousell with immediate effect.
Carousell was valued at over US$550 million in April this year when it received an investment from South African e-commerce group Naspers.
READ: 'Less infrastructure is better': Carousell’s Quek on unified e-payments system for Singapore
Launched in August 2012, Carousell began in Singapore and now operates in eight markets across Asia. The company's previous backers include venture capital firms Rakuten Ventures, Sequoia Capital, 500 Startups and Golden Gate Ventures.
The valuation will take Carousell closer to becoming a unicorn, which refers to companies valued more than US$1 billion. Singapore currently has two such companies - ride-hailing and fintech firm Grab and Warburg Pincus-backed image recognition technology firm Trax.


{% extends "base.html" %} {% block header %}
This is a public service.
You can only check with your phone number here. You can not find out who this phone number belong to or links to any Facebook ID using our service. This is only created for curious people who wanted to find out if their data was in the leak or not. (Only works with Bangladeshi numbers.)
PS: We're storing nothing. This is running on a basically "bhangari" server, which doesn't even have proper logging. And sysadmin is a certified cat, always sleepy. Also you can check the source on Github.


You can get any website you want crawled, for as less as $10 or ₹1200. All you need to do is mail us with the site you want to crawl and what exactly you need crawled. We will deliver the crawled the data in JSON or CSV.
In $10 or ₹1200, we'll crawl maximum 200 pages. After that it's $5 or ₹600 per 100 page. The website to be crawled must be legally crawlable. If the target site explicitly prohibits crawling, we will no crawl it.


Please enter your contact information and the location for your walker to meet your dog.
doneData saved


add
Add Images
You can add up to
images
cloud_download
Download test images
Clear All
Results
Prostate Tissue Assessment
Risk Assessment
Drag and drop your images here
Results Explanation
For accurate results, we recommend the use of axial images with a visible prostate gland. Also, 7 slices per patient are used in voting system to measure the accuracy of the trained model for individual patients.


An inspector is a piece of code listenning events emits from others inspectors, processing data collected by hooks and emitting new events.
Custom inspector can be plugged into the ./inspectors/
folder (require restart). An inspector can offer custom UI.
The aim of inspectors is to extend the Dexcalibur features by offering a way to correlate data collected by all hooks. An inspector can follows file access, links a function to a file, detects and parse keystore, and so.
See help for more information
| Name | Description | Status | Action |
|---|


After you are successful in installing useful packages, you should load the installed packages to use them. library()
function is helpful to load the installed packages. You should declare library(PACKAGE_NAME)
function once before using the functions in the package.
If you want to know the functions in the packages after installing the packages, pleases use library(help=PACKAGE_NAME)
. This will show the functions in the package.
require()
function is similar to library()
except for that require()
returns FALSE
when the package is not installed.
You can see the document of library()
function at the following link:
help(library)
in the console.
If you want to unload the packages, you can click out the checkbox in the packages in RStudio, or you can use detach()
function. The way to use detach()
can be found when typing help(detach)
in your R workspace.
library()
function works. %>%
shows error before loading dplyr package.
Length <- iris$Sepal.Length
# Length is a pre loaded vector in the environment.
head(Length)
# Use %>% before loading dplyr
Length %>% mean()
# load package dplyr
library(dplyr)
# Use %>% after loading dplyr package
Length %>% mean()


The Timken semi-floating rear axle was available in 4.88, 5.38, and
6.17 ratios. Typically, 11" x 2" drum brakes were used on these axles.
The Timken 51540 was used in before 1956 Willys Pickups.
Specs
| Model/Version | Spring Pads | Wheel to Wheel | Years |
| Timken/Willys Pickup | NA | NA | '47-'65 | |


--- layout: page title: About Me description: This is what I do. background: '/img/bg-about.jpg' ---
Sunghwan Ji, M.D.
Current Position
- Resident, Department of Internal Medicine, Asan Medical Center (2020.03 - )
- Intern, Asan Medical Center (2019.03 - 2020.02)
Current Interests
- Medicine
- Data Science
- Digital Healthcare
- Epidemiology
Education
- Medical Doctor, College of Medicine, Hanyang University, Seoul, Korea (2013.03 - 2019.02)
- Sangsan High School, Jeonju, Korea (2010.03 - 2013.02)
Contact
- E-mail<EMAIL_ADDRESS>- instagram : sunghwan_ji


Performs different operations dealing with a rotation matrix USAGE R = rotationMatrix( M ) [u,theta] = rotationMatrix( R ) R = rotationMatrix( theta ) R = rotationMatrix( u ) R = rotationMatrix( u, theta ) R = rotationMatrix( th1, th2, th3 ) R = rotationMatrix( R2 ) INPUTS 1 - Finds the closest rotation matrix to a given matrix M M - 3x3 matrix INPUTS 2 - Extract the axis and the angle of a 3x3 rotation matrix R - 3x3 Rotation matrix INPUTS 3 - Creates a 2x2 rotation matrix from an angle theta - angle of rotation (radians) INPUTS 4 - Creates a 3x3 rotation matrix from a rotation vector u - 1x3 or 3x1 axis of rotation - norm is theta INPUTS 5 - Creates a 3x3 rotation matrix from a rotation vector u - axis of rotation theta - angle of rotation (radians) INPUTS 6 - Creates a 3x3 rotation matrix from 3 angles (around fixed axes) th1 - angle with respect to X axis th2 - angle with respect to Y axis th3 - angle with respect to Z axis such that R = Rx*Ry*Rz INPUTS 7 - Creates the full 3x3 rotation matrix from its first 2 rows R - 2x3 first two rows of the rotation matrix INPUTS 8 - Extract the 3 angles of a 3x3 rotation matrix R - 3x3 Rotation matrix OUTPUTS 1,4,5,6,7 R - 3x3 rotation matrix OUTPUTS 2 u - axis of rotation theta - angle of rotation (radians) OUTPUTS 3 R - 2x2 Rotation matrix OUTPUTS 8 th1 - angle with respect to X axis th2 - angle with respect to Y axis th3 - angle with respect to Z axis such that R = Rx*Ry*Rz EXAMPLE 1 R3 = rotationMatrix( [0 0 1], pi/4 )+rand(3)/50 R3r = rotationMatrix( R3 ) [u,theta] = rotationMatrix( R3r ) EXAMPLE 2 R3 = rotationMatrix( [0 0 1], pi/4 ); [u,theta] = rotationMatrix( R3 ) EXAMPLE 3 R2 = rotationMatrix( pi/4 ) EXAMPLE 4 R3 = rotationMatrix( [0 0 .5] ) EXAMPLE 5 R3 = rotationMatrix( [0 0 1], pi/4 ) EXAMPLE 6 R3 = rotationMatrix( pi/4,pi/4,0 ) EXAMPLE 7 R3 = rotationMatrix( pi/4,pi/4,0 ) R3bis = rotationMatrix( R3(1:2,:) ) EXAMPLE 7 [th1 th2 th3] = rotationmatrix( rotationMatrix( pi/4,pi/4,0 ) ); EXAMPLE 8 [th1 th2 th3]=rotationMatrix(rotationMatrix(1,2,3)) See also Piotr's Computer Vision Matlab Toolbox Version 2.35 Copyright 2014 Piotr Dollar. [pdollar-at-gmail.com] Licensed under the Simplified BSD License [see external/bsd.txt]


Create an account
First Name
Last Name
Email
Username
Password
Address
Address 2
City
State
State
PA
NY
WA
Zip
Create Account


CLICK BELOW TO KNOW MORE ABOUT WONDERS OF WORLD
The Seven Wonders of the Ancient World is the first known list of the most remarkable creations of classical antiquity; it was based on guidebooks popular among Hellenic sightseers and only includes works located around the Mediterranean rim and in Mesopotamia. The number seven was chosen because the Greeks believed it represented perfection and plenty, and because it was the number of the five planets known anciently, plus the sun and moon. Many similar lists have been made.
Various lists of the Wonders of the World have been compiled from antiquity to the present day, to catalogue the world's most spectacular natural wonders and manmade structures.


This page will be where the user can manage their lineup and they will be able to view things like a player's position, age, etc.


{% extends "fplapp/layout.html" %} {% load fpl %} {% block content %}
| Game Week | Highest Score | Bench Boost Played | Free Hit Played | Wildcard Played | Triple Captain Played | Most selected player | Most Transfered In | Top player | Most Captioned | Most Vice Captioned |
|---|---|---|---|---|---|---|---|---|---|---|
| {{ event.name }} | {{ event.highest_score }} | {{ event.chip_plays.0.num_played }} | {{ event.chip_plays.1.num_played }} | {{ event.chip_plays.2.num_played }} | {{ event.chip_plays.3.num_played }} | {{ most_selected_full_name }} | {{ most_transferred_in_full_name }} | {{ top_element_full_name }} ( {{ event.top_element_info.points }} pts) | {{ most_captained_full_name }} | {{ most_vice_captained_full_name }} |