diff --git a/Makefile b/Makefile
new file mode 100644
index 0000000..a8d2aba
--- /dev/null
+++ b/Makefile
@@ -0,0 +1,7 @@
+default: wptheme
+
+wptheme:
+	bash -c 'cd ..; echo *; zip -r -9 etcskel-32m.zip etcskel-32m/'
+
+
+@PHONY: wptheme
diff --git a/footer.php b/footer.php
new file mode 100644
index 0000000..1dfa5d2
--- /dev/null
+++ b/footer.php
@@ -0,0 +1,51 @@
+<?php if ( ! defined( 'WPINC' ) ) { die('Direct access prohibited!'); }?>
+
+			</main><!-- #main -->
+		</div><!-- #primary -->
+	</div><!-- #content -->
+
+	<footer id="colophon" class="site-footer" role="contentinfo">
+<?php if ( is_active_sidebar( 'footer-widgets' )  ) : ?>
+
+ <div class="widget-area" role="complementary">
+
+  <?php dynamic_sidebar( 'footer-widgets' ); ?>
+
+ </div>
+
+<?php endif; ?>
+
+	    <?php if ( has_nav_menu( 'footer' ) ) : ?>
+			<nav aria-label="Secondary menu" class="footer-navigation">
+				<ul class="footer-navigation-wrapper">
+					<?php
+					wp_nav_menu(
+						array(
+							'theme_location' => 'footer',
+							'items_wrap'     => '%3$s',
+							'container'      => false,
+							'depth'          => 1,
+							'link_before'    => '<span>',
+							'link_after'     => '</span>',
+							'fallback_cb'    => false,
+						)
+					);
+					?>
+				</ul><!-- .footer-navigation-wrapper -->
+			</nav><!-- .footer-navigation -->
+		<?php endif; ?>
+
+	    <p id="copyright-footer">
+	    	&copy; <?php echo date( 'Y' ) ?> <?php bloginfo('name') ?>.
+	    <br>
+                <!-- WP theme by <a href="https://corenominal.com">corenominal</a>. -->
+	    </p>
+
+	</footer><!-- #colophon -->
+
+</div><!-- #page -->
+
+<?php wp_footer(); ?>
+
+</body>
+</html>
diff --git a/functions.php b/functions.php
new file mode 100644
index 0000000..f41e6f4
--- /dev/null
+++ b/functions.php
@@ -0,0 +1,41 @@
+<?php
+add_action( 'wp_enqueue_scripts', 'etcskel32m_enqueue_styles' );
+function etcskel32m_enqueue_styles() {
+	$parenthandle = 'parent-style';
+	$theme        = wp_get_theme();
+	wp_enqueue_style( $parenthandle,
+		get_template_directory_uri() . '/style.css',
+		array(),
+		$theme->parent()->get( 'Version' )
+	);
+	wp_enqueue_style( 'child-style',
+		get_stylesheet_uri(),
+		array( $parenthandle ),
+		$theme->get( 'Version' )
+	);
+}
+
+function etcskel32m_widgets_init() {
+  register_sidebar( array(
+    'name'          => __( 'Footer Widgets', 'etcskel32m' ),
+    'id'            => 'footer-widgets',
+    'description'   => __( 'Add widgets here to appear in your footer area.', 'etcskel32m' ),
+    'before_widget' => '<aside id="%1$s" class="widget %2$s">',
+    'after_widget'  => '</aside>',
+    'before_title'  => '<h2 class="widget-title">',
+    'after_title'   => '</h2>',
+  ) );
+  register_sidebar( array(
+    'name'          => __( 'Header Widgets', 'etcskel32m' ),
+    'id'            => 'header-widgets',
+    'description'   => __( 'Add widgets here to appear in your footer area.', 'etcskel32m' ),
+    'before_widget' => '<aside id="%1$s" class="widget %2$s">',
+    'after_widget'  => '</aside>',
+    'before_title'  => '<h2 class="widget-title">',
+    'after_title'   => '</h2>',
+  ) );
+
+}
+add_action( 'widgets_init', 'etcskel32m_widgets_init' );
+
+?>
diff --git a/header.php b/header.php
new file mode 100644
index 0000000..a73d380
--- /dev/null
+++ b/header.php
@@ -0,0 +1,74 @@
+<?php if ( ! defined( 'WPINC' ) ) { die('Direct access prohibited!'); } ?>
+<!DOCTYPE html>
+<html <?php language_attributes(); ?>>
+<head>
+<meta charset="<?php bloginfo( 'charset' ); ?>">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<?php wp_head(); ?>
+</head>
+<body <?php body_class(); ?>>
+
+<?php wp_body_open(); ?>
+
+<div id="page" class="site">
+
+	<a class="skip-link screen-reader-text" href="#content">Skip to content</a>
+
+	<header id="masthead" role="banner">
+
+	    <?php if ( has_custom_logo() ) : ?>
+			<div class="site-logo"><?php the_custom_logo(); ?></div>
+		<?php endif; ?>
+
+<?php if ( is_active_sidebar( 'header-widgets' )  ) : ?>
+
+ <div class="widget-area" role="complementary">
+
+  <?php dynamic_sidebar( 'header-widgets' ); ?>
+
+ </div>
+
+<?php endif; ?>
+
+		<div class="site-branding">
+
+			<?php if ( get_bloginfo( 'name' ) ) : ?>
+				<?php if ( is_front_page() && ! is_paged() ) : ?>
+					<h1 class="site-title"><?php bloginfo('name') ?></h1>
+				<?php elseif ( is_front_page() && ! is_home() ) : ?>
+					<h1 class="site-title"><a href="<?php echo site_url(); ?>"><?php bloginfo('name') ?></a></h1>
+				<?php else : ?>
+					<p class="site-title"><a href="<?php echo site_url(); ?>"><?php bloginfo('name') ?></a></p>
+				<?php endif; ?>
+			<?php endif; ?>
+
+
+			<p class="site-description">
+				<?php bloginfo( 'description' ) ?>
+			</p>
+
+		</div><!-- .site-branding -->
+
+	    <?php get_search_form(); ?>
+
+	    <?php if ( has_nav_menu( 'primary' ) ) : ?>
+		    <nav id="site-navigation" class="primary-navigation" role="navigation" aria-label="Primary menu">
+		    	<?php
+				wp_nav_menu(
+					array(
+						'theme_location'  => 'primary',
+						'menu_class'      => 'menu-wrapper',
+						'container_class' => 'primary-menu-container',
+						'items_wrap'      => '<ul id="primary-menu-list" class="%2$s">%3$s</ul>',
+						'fallback_cb'     => false,
+					)
+				);
+				?>
+		    </nav><!-- #site-navigation -->
+	    <?php endif; ?>
+
+	</header><!-- #masthead -->
+
+	<div id="content" class="site-content">
+		<div id="primary" class="content-area">
+			<main id="main" class="site-main" role="main">
diff --git a/style.css b/style.css
index cda8b0c..f41c1a6 100644
--- a/style.css
+++ b/style.css
@@ -4,10 +4,128 @@ Theme URI:    https://git.autonomic.zone/cas/etcskel-32m
 Description:  32m customizations to the Etc/Skel theme.
 Author:       Cassowary Rusnov
 Author URI:   http://hexinverter.cloud.aldercone.studio
-Template:     etcskel
+Template:     etcskel-main
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         accessibility-ready
 Text Domain:  etcskel32m
 */
+
+:root {
+	--red32m: #A02827;
+	--white32m: #FFFFFF;
+        --grey32m: #ECECEC;
+        --lrmargin: 2vw;
+        --desktop-lrmargin: 25vw;
+        --typeface: sans-serif; /* fixme should be Fivo sans? */
+        --typeface-body: serif; /* fixme should be IBM Plex Serif? */
+        --font-weight-bold: 700;
+        --font-weight-medium: 400;
+        --font-size-large: 1.4em;
+        --font-size-xlarge: 1.75em;
+}
+
+
+html {
+	background: none;
+	padding: 0;
+	margin: 0;
+}
+
+
+body {
+    background-color: var(--white32m);
+    font-face: var(--typeface);
+    font-weight: var(--weight-medium);
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    border-radius: none;
+    box-shadow: none;
+    max-width: 100%;
+}
+
+body.home {
+	background-color: var(--red32m);
+	padding: 0;
+	margin: auto;
+}
+
+body > div.site {
+	width: 100%;
+}
+
+body > div.site header#masthead {
+	background-color: var(--red32m);
+}
+
+body.home > div.site header#masthead {
+	background-color: var(--white32m);
+}
+
+body.home > div.site article header {
+    display: none;
+}
+
+body.home > div.site article div.entry-content {
+    color: white;
+    font-weight: var(--weight-bold);
+    font-size: var(--font-size-xlarge);
+}
+
+body.home form#search-form {
+	display: none;
+}
+
+h1.site-title {
+	display: none;
+}
+
+div.site-logo > a > img.custom-logo {
+	width: 10rem;
+	height: 10rem;
+}
+
+div.site-logo {
+    margin-left: var(--lrmargin);
+}
+
+div#content {
+    margin-left: var(--lrmargin);
+    margin-right: var(--lrmargin);
+}
+
+
+footer#colophon {
+    background: var(--grey32m);
+    margin: 0;
+    padding: 0;
+}
+
+footer#colophon > p {
+    margin-left: var(--lrmargin);
+    margin-right: var(--lrmargin);
+}
+
+body.home footer#colophon {
+    background: none;
+    color: var(--white32m);
+}
+
+@media (min-width: 640px) {
+    div.site-logo {
+        margin-left: var(--desktop-lrmargin);
+    }
+
+    div#content {
+        margin-left: var(--desktop-lrmargin);
+        margin-right: var(--desktop-lrmargin);
+    }
+
+    footer#colophon > p {
+        margin-left: var(--desktop-lrmargin);
+        margin-right: var(--desktop-lrmargin);
+    }
+
+}
