Odin v3 beta

.editorconfig

@@ -1,20 +1,24 @@
+# This file is for unifying the coding style for different editors and IDEs
 # editorconfig.org
+
+# WordPress Coding Standards
+# https://make.wordpress.org/core/handbook/coding-standards/
+
 root = true
 
 [*]
 charset = utf-8
 end_of_line = lf
-indent_size = 4
-tab_width = 4
-indent_style = tab
 insert_final_newline = true
 trim_trailing_whitespace = true
+indent_style = tab
+
+[*.yml]
+indent_style = space
+indent_size = 2
 
 [*.md]
 trim_trailing_whitespace = false
 
-[*.json]
-indent_size = 2
-tab_width = 2
-indent_style = space
-insert_final_newline = false
+[{*.txt,wp-config-sample.php}]
+end_of_line = crlf

.gitignore

@@ -28,9 +28,10 @@ Thumbs.db
 bower_components
 node_modules
 .sass-cache
+vendor
 
 # Ignore project files
 sftp-config.json
 .ftppass
 *.zip
-src/node_modules/*
+dist

assets/js/.jshintrc → .jshintrc

@@ -7,6 +7,7 @@
 	"expr": true,
 	"immed": true,
 	"noarg": true,
+	"nonbsp": true,
 	"onevar": true,
 	"quotmark": "single",
 	"trailing": true,
@@ -16,9 +17,14 @@
 	"browser": true,
 
 	"globals": {
+		"$": false,
 		"_": false,
 		"Backbone": false,
 		"jQuery": false,
-		"wp": false
+		"JSON": false,
+		"wp": false,
+		"export": false,
+		"module": false,
+		"require": false
 	}
 }

404.php

@@ -1,26 +1,24 @@
 <?php
 /**
- * The template for displaying 404 pages (Not Found).
+ * The template for displaying 404 pages (not found).
+ *
+ * @link https://codex.wordpress.org/Template_Hierarchy
+ * @link https://codex.wordpress.org/Creating_an_Error_404_Page
  *
  * @package Odin
- * @since 2.2.0
+ * @subpackage Custom_Theme
  */
+/**
+ * Header Component.
+ */
+get_header();
 
-get_header(); ?>
-
-	<main id="content" class="<?php echo odin_classes_page_full(); ?>" tabindex="-1" role="main">
-
-			<header class="page-header">
-				<h1 class="page-title"><?php _e( 'Not Found', 'odin' ); ?></h1>
-			</header>
-
-			<div class="page-content">
-				<p><?php _e( 'It looks like nothing was found at this location. Maybe try a search?', 'odin' ); ?></p>
-
-				<?php get_search_form(); ?>
-			</div><!-- .page-content -->
-
-	</main><!-- #main -->
+/**
+ * Content Component.
+ */
+get_template_part( 'components/main/main', '404' );
 
-<?php
+/**
+ * Footer Component.
+ */
 get_footer();

README.md

@@ -1,70 +1,35 @@
-# Odin Framework #
+<p align="center"><a href="http://wpod.in/" target="_blank" rel="noopener noreferrer"><img width="100" src="https://camo.githubusercontent.com/f51173b8da26083e2cfdc893ef532a8bc2457bcb/68747470733a2f2f692e696d6775722e636f6d2f4464654d6755782e706e67" alt="Odin logo"></a></p>
 
-[Ver essa documentação em Português do Brasil](https://github.com/wpbrasil/odin/blob/master/docs/README-pt_BR.md)
+# Odin
 
-![Odin Framework](https://i.imgur.com/DdeMgUx.png)
+Odin is a base theme made in [@wpbrasil](https://github.com/wpbrasil) to ~kick ass~ help developing of WordPress themes.
 
-* [Website](http://wpod.in/)
-* [Odin Expo](http://expo.wpod.in/)
-* [GitHub](https://github.com/wpbrasil/odin)
-* [WordPress Brasil Group on Facebook](https://www.facebook.com/groups/wordpress.brasil)
+- [Odin](http://wpod.in/)
+- [Docs](https://github.com/wpbrasil/odin/tree/master/docs)
+- [Expo](http://expo.wpod.in/)
+- [Toolkit](https://github.com/wpbrasil/odin-toolkit)
+- [WordPress Brasil](https://github.com/wpbrasil/)
 
-## Project Description ##
+## Getting start
 
-Welcome to Odin, a base-theme developed by [WordPress Brasil Group](https://www.facebook.com/groups/wordpress.brasil), to help on agile development of themes for WordPress.
+```bash
+# install dependencies
+npm install
 
-## Installation ##
+# serve with live reload at localhost:3000
+npm run dev
 
-Send the folder "odin" to the default themes folder from WordPress `wp-content/themes` or send the zipball using the WordPress Theme Installer.
+# build for production with minification
+npm run build
+```
 
-## Documentation ##
+**To fix dependencies on Windows
+https://github.com/nodejs/node-gyp#on-windows**
 
-Informations about how-to use the classes and functions from Odin is on the [Official Wiki](https://github.com/wpbrasil/odin/wiki/)
+For detailed explanation on how things work, consult the [docs for Odin](https://github.com/wpbrasil/odin/tree/master/docs).
 
-## Plugins Support ##
+## License
 
-Odin supports natively these plugins:
+[MIT](http://opensource.org/licenses/MIT). And all PHP files [GPLv2](http://www.gnu.org/licenses/gpl-2.0.txt).
 
-* [WooCommerce](http://wordpress.org/extend/plugins/woocommerce/)
-* [JetPack](http://wordpress.org/extend/plugins/jetpack/) Infinite Scroll
-
-## References ##
-
-* [Bootstrap](http://getbootstrap.com/)
-* [Bootstrap Sass](https://github.com/twbs/bootstrap-sass)
-* [HTML5shiv](https://github.com/aFarkas/html5shiv)
-* [matchMedia() polyfill](https://github.com/paulirish/matchMedia.js/)
-* [Respond.js](https://github.com/scottjehl/Respond)
-* [Sass](http://sass-lang.com/)
-* [Compass](http://compass-style.org/)
-* [Grunt.js](http://gruntjs.com/)
-* [aq_resize](https://github.com/sy4mil/Aqua-Resizer)
-* [FitVids](https://github.com/davatron5000/FitVids.js)
-* [EditorConfig](http://editorconfig.org/)
-* [goqr.me](http://goqr.me/)
-* [Google Maps](https://developers.google.com/maps/)
-
-## Bugs and Sugestions ##
-
-The Odin Framework is an **Open Source** project. Anyone can (and should) help us to improve it.
-
-Report bugs or do suggestions using the [Issues/Project Forum](https://github.com/wpbrasil/odin/issues)
-
-## Contribute to the Project ##
-
-To contribute, just click on the **Fork** button, create a *Branch*, improve the code and send it with a **Pull Request**.
-
-More details about how to contribute and send Pull Requests in [GitHub Collaborating](https://help.github.com/categories/63/articles).
-
-[How to colaborate to opensource projects on GitHub](http://www.youtube.com/watch?v=H3olaBo83As)
-
-## Changelog ##
-
-[Changelog here!](https://github.com/wpbrasil/odin/blob/master/docs/CHANGELOG.md)
-
-## Copyright and License ##
-
-Copyright 2013 - 2018 - WordPress Brasil Group.
-
-The PHP code is licensed with [GPLv2](http://www.gnu.org/licenses/gpl-2.0.txt).
-All the CSS, SCSS, JS, images files and others, not including the PHP files is licensed with [MIT](http://opensource.org/licenses/MIT) or by the license specified inside the file.
+Copyright (c) 2013-Present, [@wpbrasil](https://github.com/wpbrasil).

archive.php

@@ -1,59 +1,29 @@
 <?php
 /**
- * The template for displaying Archive pages.
+ * The template for displaying archive pages.
  *
- * Used to display archive-type pages if nothing more specific matches a query.
- * For example, puts together date-based pages if no date.php file exists.
- *
- * If you'd like to further customize these archive views, you may create a
- * new template file for each specific one. For example, Twenty Thirteen
- * already has tag.php for Tag archives, category.php for Category archives,
- * and author.php for Author archives.
- *
- * @link http://codex.wordpress.org/Template_Hierarchy
+ * @link https://codex.wordpress.org/Template_Hierarchy
  *
  * @package Odin
- * @since 2.2.0
+ * @subpackage Custom_Theme
  */
 
-get_header(); ?>
-
-	<main id="content" class="<?php echo odin_classes_page_sidebar(); ?>" tabindex="-1" role="main">
-
-			<?php if ( have_posts() ) : ?>
-
-				<header class="page-header">
-					<?php
-						the_archive_title( '<h1 class="page-title">', '</h1>' );
-						the_archive_description( '<div class="taxonomy-description">', '</div>' );
-					?>
-				</header><!-- .page-header -->
-
-				<?php
-					// Start the Loop.
-					while ( have_posts() ) : the_post();
-
-						/*
-						 * Include the post format-specific template for the content. If you want to
-						 * use this in a child theme, then include a file called content-___.php
-						 * (where ___ is the post format) and that will be used instead.
-						 */
-						get_template_part( 'content', get_post_format() );
-
-					endwhile;
-
-					// Page navigation.
-					odin_paging_nav();
-
-				else :
-					// If no content, include the "No posts found" template.
-					get_template_part( 'content', 'none' );
-
-				endif;
-			?>
+/**
+ * Header Component.
+ */
+get_header();
 
-	</main><!-- #main -->
+/**
+ * Main Component.
+ */
+get_template_part( 'components/main/main' );
 
-<?php
+/**
+ * Sidebar Component.
+ */
 get_sidebar();
+
+/**
+ * Footer Component.
+ */
 get_footer();

assets/css/admin.scss

@@ -0,0 +1,26 @@
+/*!
+ * WordPress Admin Style
+ */
+
+// Variables, tools and mixins
+@import 'theme/abstracts';
+
+/**
+ * Custom login styles.
+ *
+ * @link https://codex.wordpress.org/Customizing_the_Login_Form
+ * @link https://premium.wpmudev.org/blog/customize-login-page
+ */
+
+// Add a Custom Background
+body.login {
+	backgroudn: $wp-login-bg;
+}
+
+// Replace the WordPress Logo With a Custom Logo
+body.login h1 a {
+	background: url($wp-login-logo) center top no-repeat !important;
+	background-size: $wp-login-logo-width $wp-login-logo-height !important;
+	width: $wp-login-logo-width !important;
+	height: $wp-login-logo-height !important;
+}

assets/css/editor.scss

@@ -0,0 +1,16 @@
+//
+// WordPress TinyMCE editor Style
+//
+
+// Import Theme Style
+@import "theme.min.css";
+
+// Editor Only
+html {
+	max-width: 1200px;
+	margin-left: auto;
+	margin-right: auto;
+	padding: 30px;
+}
+
+

assets/css/theme.scss

@@ -0,0 +1,13 @@
+//
+// Theme Style Main
+//
+
+// Variables, tools and mixins
+@import 'theme/abstracts';
+
+// Dependencies and vendors
+@import	'vendors/bootstrap';
+@import	'vendors/font-awesome';
+
+// Components
+@import "../../components/**/*";

assets/css/theme/_abstracts.scss

@@ -0,0 +1,21 @@
+//
+// Theme Sass variables
+//
+
+//
+// Theme
+//
+@import "theme/variables";
+
+//
+// Bootstrap 4
+//
+@import "bootstrap/scss/functions";
+@import "bootstrap/scss/variables";
+@import "bootstrap/scss/mixins";
+
+//
+// Font Awesome 5
+//
+@import '@fortawesome/fontawesome-free-webfonts/scss/variables';
+@import '@fortawesome/fontawesome-free-webfonts/scss/mixins';