Skip to content

Commit

Permalink
Add Made Tech frontend style to learn.madetech.com
Browse files Browse the repository at this point in the history
  • Loading branch information
lukemorton authored and craigjbass committed Nov 15, 2018
1 parent 74be10a commit 45095b3
Show file tree
Hide file tree
Showing 18 changed files with 10,079 additions and 593 deletions.
25 changes: 13 additions & 12 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,17 @@
> “In this way you must understand how laughable it is to say, ‘Tell me what to do!’
> What advice could I possibly give?
> No, a far better request is,
> ‘Train my mind to adapt to any circumstance.’ []
> In this way, if circumstances take you off script []
# Getting Started

> “In this way you must understand how laughable it is to say, ‘Tell me what to do!’
> What advice could I possibly give?
> No, a far better request is,
> ‘Train my mind to adapt to any circumstance.’ []
> In this way, if circumstances take you off script []
> you won’t be desperate for new prompting.“
> – Epictetus, _Discourses_, 2.2.20b-1;24b-25a (~108 CE)
There are exercises on this website that challenge Software Engineers [starting their career](https://www.madetech.com/careers/academy), and also those who are writing the [best code of their career, but are still learning every day](https://www.madetech.com/careers/lead-engineer).

# Learn
## Learn

A collection of katas, workshops and other learning materials.

Expand All @@ -19,28 +21,27 @@ A collection of katas, workshops and other learning materials.
* [Lots of ideas](./ideas) for stretching skills.
* [Screencasts](./screencasts) for observing others practice skills.
* [Seminars](./seminars) for delivering theoretical knowledge.
* [Sparring](./sparring) for practicing with simulated real world problems.
* [Sparring](./sparring) for practicing with simulated real world problems.
* [Workshops](./workshops) for learning specific skills.

# Events
## Events

* [Event plans](./event-plans) for running learning oriented events.

# Recognition
## Recognition

These assessments are the first step on our shared path to mastery.
These assessments are the first step on our shared path to mastery.

With carefully designed assessments that are aimed to ensure a strong set of practical skills, we want to recognise progress of note towards mastery.

* [Test Driven Development](./core-skills/tdd/README.md)
* [Web Application Development with React](./core-skills/web-application-development-with-react/README.md)
* Frontend Development _coming soon..._

# Additional Skills
## Additional Skills

These more lightweight assessments are intended to test knowledge at the end of a period of mentoring.

They are designed to be used as a tool to help mentors and mentees ensure that content has been covered.

* [Git + GitHub](./additional-skills/git)

166 changes: 113 additions & 53 deletions _layouts/default.html
Original file line number Diff line number Diff line change
@@ -1,60 +1,120 @@
<!DOCTYPE html>
<html lang="{{ site.lang | default: "en-US" }}">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<html lang="{{ site.lang | default: "en-GB" }}">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

{% seo %}
<link rel="stylesheet" href="{{ "/assets/css/style.css?v=" | append: site.github.build_revision | relative_url }}">
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<div class="wrapper">
<header>
<div class="bar">
<h1 class="mission">Improving software delivery in every organisation</h1>
</div>
<h1 class="logotype">Learn&hairsp;Tech</h1>
<h2><a href="https://www.madetech.com/">by <img src="/made-tech-logo.svg" title="Made Tech" /></a></h2>
<div class="header-text">
<a class="back" href="{{ "/" | absolute_url }}">&#8617; overview</a>
&nbsp;&nbsp;
<a href="{{ site.github.repository_url }}">source</a>
&nbsp;&nbsp;
<a href="https://www.madetech.com/blog">blog</a>
&nbsp;&nbsp;
<a href="{{ "/remote-test" | absolute_url }}">remote test</a>
<link rel="stylesheet" href="{{ "/assets/css/madetech-frontend.css?v=" | append: site.github.build_revision | relative_url }}">
<link rel="stylesheet" href="{{ "/assets/css/style.css?v=" | append: site.github.build_revision | relative_url }}">
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->
</head>

<body>
<div class='top_bar'>
<div class='top_bar__inner'>
<div class='container'>
<div class='d-flex justify-content-between'>
<div>
Improving software delivery in every organisation
</div>

<nav>
<a href='https://www.madetech.com'>Who is Made Tech?</a>
<span class='space'></span>
<a href='https://www.madetech.com/blog'>Blog</a>
<span class='space'></span>
<a href='https://www.madetech.com/careers'>Careers</a>
<span class='space'></span>
<a href='https://www.madetech.com/contact'>Contact Us</a>
</nav>
</div>
</header>
<section>

{{ content }}

</section>
<footer>
<div class="sales-banner">
<h3>How effective is your business at software delivery?</h3>
<p>
Answer these 20 questions and find out where the principal software delivery challenges lie within your organisation.
</p>
<a href="https://madetech.typeform.com/to/d2Emvz" class="cta-button">Get started now</a>
</div>
</div>
</div>

<header class='header'>
<div class='header__inner'>
<div class='navbar navbar-expand-lg p-0'>
<a href="/" class='navbar-brand mr-auto d-flex align-items-center'>
<span class="logotype">Learn&hairsp;Tech</span>
<span class="px-3">by</span>
<img alt='Made Tech' itemProp='logo' src='/assets/images/made-tech-logo-colour.png' width='120px' />
</a>

<button
class='header__toggler d-lg-none'
type='button'
data-toggle='collapse'
data-target='#navbarNavDropdown'
aria-controls='navbarNavDropdown'
aria-expanded='false'
aria-label='Toggle navigation'
>
<span class='header__toggler_icon'></span>
</button>

<div class='collapse navbar-collapse' id='navbarNavDropdown'>
<div class='ml-auto'>
<div class='header_nav'>
<nav class='navbar-nav align-items-center'>
<a href='{{ "/" | absolute_url }}' class='nav-link'>
Getting Started
</a>

<a href='{{ site.github.repository_url }}' class='nav-link'>
View Source
</a>

<a href='{{ "/remote-test" | absolute_url }}' class='nav-link'>
Remote Test
</a>
</nav>
</div>
</div>
</div>
<p class="tag-line">This project is maintained by <a href="{{ site.github.owner_url }}"><img class="footer-logo" src="/made-tech-logo.svg" title="{{ site.github.owner_name }}" /></a></p>
</footer>
</div>
</div>
</header>

<main class="container mt-5">
<div class="row">
<div class="col-md-8 offset-md-2">
{{ content }}
</div>
</div>
<script src="{{ "/assets/js/scale.fix.js" | relative_url }}"></script>
{% if site.google_analytics %}
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', '{{ site.google_analytics }}', 'auto');
ga('send', 'pageview');
</script>
{% endif %}
</body>
</main>

<div class="sales-banner">
<h3>How effective is your business at software delivery?</h3>
<p>
Answer these 20 questions and find out where the principal software delivery challenges lie within your organisation.
</p>
<a href="https://madetech.typeform.com/to/d2Emvz" class="cta-button">Get started now</a>
</div>

<footer class="text-center p-5">
This project is maintained by <a href="{{ site.github.owner_url }}"><img class="footer-logo" src="/made-tech-logo.svg" title="{{ site.github.owner_name }}" /></a></p>
</footer>

<script
src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha256-3edrmyuQ0w65f8gfBsqowzjJe2iM6n0nKciPUp8y+7E="
crossorigin="anonymous"></script>
<script src="{{ "/assets/js/madetech-frontend.js" | relative_url }}"></script>

{% if site.google_analytics %}
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', '{{ site.google_analytics }}', 'auto');
ga('send', 'pageview');
</script>
{% endif %}
</body>
</html>
Loading

0 comments on commit 45095b3

Please sign in to comment.