Browse files

Created gh-pages branch via GitHub

  • Loading branch information...
0 parents commit 98f03a556af5f3ef8bccef152d1af53491ca1a2c @doortts committed Apr 8, 2012
BIN images/bg_hr.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/blacktocat.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/icon_download.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/sprite_download.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
207 index.html
@@ -0,0 +1,207 @@
+<!DOCTYPE html>
+<html>
+
+ <head>
+ <meta charset='utf-8' />
+ <meta http-equiv="X-UA-Compatible" content="chrome=1" />
+ <meta name="description" content="TDD Mentoring : Learning &amp; Sharing " />
+
+ <link rel="stylesheet" type="text/css" media="screen" href="stylesheets/stylesheet.css">
+
+ <title>TDD Mentoring</title>
+ </head>
+
+ <body>
+
+ <!-- HEADER -->
+ <div id="header_wrap" class="outer">
+ <header class="inner">
+ <a id="forkme_banner" href="https://github.com/doortts/mentoring">Fork Me on GitHub</a>
+
+ <h1 id="project_title">TDD Mentoring</h1>
+ <h2 id="project_tagline">Learning &amp; Sharing </h2>
+
+ <section id="downloads">
+ <a class="zip_download_link" href="https://github.com/doortts/mentoring/zipball/master">Download this project as a .zip file</a>
+ <a class="tar_download_link" href="https://github.com/doortts/mentoring/tarball/master">Download this project as a tar.gz file</a>
+ </section>
+ </header>
+ </div>
+
+ <!-- MAIN CONTENT -->
+ <div id="main_content_wrap" class="outer">
+ <section id="main_content" class="inner">
+ <p>테스트 주도 개발(이하 TDD)은 기법 그 자체만으로도 엔지니어들에게 훌륭한 수련도구로써의 가치를 가집니다. 하지만 팀을 이루어 SW개발을 하는데 있어 TDD는 목적이 아닌 하나의 유용한 과정으로 사용되어야 합니다.</p>
+
+<p>또한 TDD는 개별적으로만 수행하는 것이 아니라 다른 유용한 SW개발 기법들과 함께 사용되어질 때 더 큰 효과를 발휘합니다. 특히, 다음 네 가지의 SW개발 활동은 TDD와 관계가 깊은 단계이며 기법입니다.</p>
+
+<ul>
+<li>Requirements Engineering</li>
+<li>Specification</li>
+<li>Modeling &amp; Design, Patterns</li>
+<li>Continuous Feedback</li>
+</ul><p>TDD는 개발을 함에 있어 단계별 목표 미리 정하고 현재 상태가 그에 도달하고 있는지를 자동으로 점검하는 식으로 진행하는 훌륭한 애자일 기법입니다. 하지만, TDD의 테스트 케이스 작성, 즉 결과 상태를 미리 코드로 작성하는 단계가 올바르게 진행되려면 우선 목표 지점 자체가 개발자에게 명확히 드러나고 이해되어야합니다.</p>
+
+<p>이를 위해서는, 전달 받은 요구사항 문서나 기획서에서 요구사항과 비요구사항을 단순히 문맥적으로 판단하는 것이 아닌 시스템적으로 구분할 수 있어야 합니다. 그리고, 구분되어진 요구사항은 보폭이 지나치게 크지 않으며 측정이 가능한 수준으로 분해되어야 합니다.</p>
+
+<p>하지만 많은 경우, 이 과정에 대한 이해부족으로인해 현재 자신이 만들고 있는 모듈과 전달받은 요구사항 사이의 관계를 제대로 연결짓지 못하거나 이해하지 못한 채 프로젝트가 진행됩니다. 결국 개발 완성품의 품질이 개발자의 노력이나 기획자의 창의력과는 별개로 최종 사용자뿐 아니라 개발에 참여했던 인원들마저도 제대로 만족시키지 못하는 상황이 발생합니다.</p>
+
+<p>이것이 바로 요구사항을 다루는 방법(Requirements Engineering)과 명세(Specification)를 함께 배워야 하는 이유입니다.</p>
+
+<p>또한 성공적으로 출시되고 유지되는 SW들은 잘 정제된 명세와 더불어 해당 SW가 다루는 데이터와 내부 구조가 강형(robust) 설계로 반영되어 만들어져 있습니다.</p>
+
+<p>흔히 이때 가장 기본이 되는 것은 중복이 적고 확장이 가능한 구조를 채택하는 것입니다. 이는 짧은 경험과 적은 노력으로 얻기 어려운 영역중 하나입니다만, 다행히도 이에 대한 많은 문제들이 선배세대에서 디자인 패턴이라는 형태로 정리를 해 놓았습니다.</p>
+
+<p>마지막으로 이런 모든 활동들은 유기체의 세포가 서로의 구성요소로 작용하는 것처럼 각각의 요소 활동과 결과가 서로에게 전달되어야 합니다. 이를 돕는 것이 지속적인 피드백입니다. CI(지속적인 통합)서버 같은 시스템적인 측면만을 이야기 하는 것이 아니라, 사람이 개입되어 서로에게 영향을 주고, 지식을 시험하고 나눌수 있도록 돕는 것이 필요합니다. 그것이 애자일에서는 짝 프로그래밍과 회고의 형태로 나타나고 멘티가 멘토로 성장할 수 잇도록 돕습니다. 개발을 돕는 도구의 하나로 TDD를 보았을 때 이 과정은 꼭 필요한 부분입니다.</p>
+
+<h2>저는..</h2>
+
+<ul>
+<li>참여자들의 학습을 촉진하고 스스로 개선해 나갈 수 있도록 돕습니다.</li>
+<li>TDD의 장점과 한계점을 직접 느낄 수 있도록 하며 실패를 우회하는 방법과 교훈을 전달합니다.</li>
+<li>지속가능한 개발 기법이 될 수 있도록 훈련합니다.</li>
+</ul><h2>목표</h2>
+
+<ul>
+<li>참여자가 스스로 자신의 개발 스타일을 변화시킵니다.</li>
+<li>자신에게 효과적인 SW 개발 방법을 찾아냅니다.</li>
+<li>요구사항을 정확히 이해하는 능력을 기릅니다.</li>
+<li>적정 수준의 스펙 작성과 구현 방식을 </li>
+<li>다른 사람에게 효과적으로 전파할 수 있습니다.</li>
+<li>용기있는 엔지니어가 됩니다.</li>
+</ul><h2>실천법</h2>
+
+<ul>
+<li>목를 설정하는 방법을 배웁니다.</li>
+<li>자신의 상태를 측정합니다.</li>
+<li>참가자들이 서로가 서로의 멘터/멘티가 됩니다.</li>
+<li>함께 지식을 모으고 지혜를 나눕니다.</li>
+<li>짝 프로그래밍</li>
+<li>리팩터링</li>
+<li>디자인패턴</li>
+<li>회고</li>
+</ul><h1>진행</h1>
+
+<ul>
+<li>실습/토론 위주로 진행됩니다.</li>
+<li>주제를 정해 워크샵을 진행합니다.</li>
+</ul><h2>1st Month</h2>
+
+<ul>
+<li>사전미팅
+
+<ul>
+<li>안내, 요령, 준비사항 전달</li>
+</ul>
+</li>
+<li>#1
+
+<ul>
+<li>스타트업 미팅</li>
+<li>자기 점검</li>
+<li>가치와 원칙</li>
+<li>실수 줄이기</li>
+<li>목표 세우기</li>
+</ul>
+</li>
+<li>#2
+
+<ul>
+<li>workshop 1st</li>
+</ul>
+</li>
+<li>#3
+
+<ul>
+<li>문제와 지식 나누기</li>
+<li>요구사항 처리</li>
+<li>명세</li>
+<li>목표 세우기</li>
+</ul>
+</li>
+<li>#4
+
+<ul>
+<li>문제와 지식 나누기</li>
+<li>작게 쪼개기</li>
+<li>연습하기/가르치기</li>
+<li>새로운 도메인과 낯선 언어</li>
+<li>측정하</li>
+</ul>
+</li>
+</ul><h2>2nd Month</h2>
+
+<ul>
+<li>#1
+
+<ul>
+<li>Code Review &amp; Refactoring</li>
+<li>패턴, 모델링</li>
+<li>측정하기</li>
+</ul>
+</li>
+<li>#2
+
+<ul>
+<li>workshop 2nd</li>
+</ul>
+</li>
+</ul><h2>3rd Month</h2>
+
+<ul>
+<li>#1
+
+<ul>
+<li>Code Review &amp; Refactoring</li>
+<li>측정하기</li>
+</ul>
+</li>
+<li>#2
+
+<ul>
+<li>Course Review</li>
+<li>Adoption &amp; Abandon</li>
+</ul>
+</li>
+</ul><h2>Months Later</h2>
+
+<ul>
+<li>
+<p>멘토와 멘티, 리더와 팔로워의 시간</p>
+
+<pre><code>본 내용은 진행 상황에 따라 변경될 수 있습니다.
+</code></pre>
+</li>
+</ul><h2>추천도서</h2>
+
+<ul>
+<li>린소프트웨어 개발의 적용 (Implementing Lean Software Development, 메리포펜딕, 톰 포펜딕)</li>
+<li>익스트림 프로그래밍 (Extrem Programming 2nd, 켄트 벡)</li>
+<li>능률적인 프로그래머 (The Productive Programmer, 닐포드)</li>
+<li>지속적인 통합 (Continuous Integration, 폴M듀발, 스티븐 M.마티야스, 앤드류 글로버)</li>
+<li>Head First Software Development (댄 필로네 &amp;러스 마일즈)</li>
+<li>리팩터링 (Refactoring, 마틴 파울러)</li>
+<li>테스트주도개발 (TDD by Example, 켄트 벡)</li>
+<li>.NET 예제로 배우는 단위테스트 (Art of Unit Testing, 로이 오셔브로)</li>
+<li>클린코드 (Clean Code, 로버트 C.마틴)</li>
+<li>레거시코드 활용전략 (Working effectively with legacy code, 마이클 페더스)</li>
+<li>Software Requirements (칼 위거스)</li>
+<li>소프트웨어 요구사항 패턴 (Software Requirement Patterns, Stephen Withall)</li>
+<li>UML 실전에서는 이것만 쓴다 (UML for Java Programmers , 로버트 C.마틴)</li>
+<li>단위 테스트의 모든 것 (JUnit in Action, 피터 타치브, 펠리페 레미 등)</li>
+</ul>
+ </section>
+ </div>
+
+ <!-- FOOTER -->
+ <div id="footer_wrap" class="outer">
+ <footer class="inner">
+ <p class="copyright">TDD Mentoring maintained by <a href="https://github.com/doortts">doortts</a></p>
+ <p>Published with <a href="http://pages.github.com">GitHub Pages</a></p>
+ </footer>
+ </div>
+
+
+
+ </body>
+</html>
1 javascripts/main.js
@@ -0,0 +1 @@
+console.log('This would be the main JS file.');
1 params.json
@@ -0,0 +1 @@
+{"name":"TDD Mentoring","body":"테스트 주도 개발(이하 TDD)은 기법 그 자체만으로도 엔지니어들에게 훌륭한 수련도구로써의 가치를 가집니다. 하지만 팀을 이루어 SW개발을 하는데 있어 TDD는 목적이 아닌 하나의 유용한 과정으로 사용되어야 합니다.\r\n\r\n또한 TDD는 개별적으로만 수행하는 것이 아니라 다른 유용한 SW개발 기법들과 함께 사용되어질 때 더 큰 효과를 발휘합니다. 특히, 다음 네 가지의 SW개발 활동은 TDD와 관계가 깊은 단계이며 기법입니다.\r\n\r\n - Requirements Engineering\r\n - Specification\r\n - Modeling & Design, Patterns\r\n - Continuous Feedback\r\n\r\nTDD는 개발을 함에 있어 단계별 목표 미리 정하고 현재 상태가 그에 도달하고 있는지를 자동으로 점검하는 식으로 진행하는 훌륭한 애자일 기법입니다. 하지만, TDD의 테스트 케이스 작성, 즉 결과 상태를 미리 코드로 작성하는 단계가 올바르게 진행되려면 우선 목표 지점 자체가 개발자에게 명확히 드러나고 이해되어야합니다.\r\n\r\n이를 위해서는, 전달 받은 요구사항 문서나 기획서에서 요구사항과 비요구사항을 단순히 문맥적으로 판단하는 것이 아닌 시스템적으로 구분할 수 있어야 합니다. 그리고, 구분되어진 요구사항은 보폭이 지나치게 크지 않으며 측정이 가능한 수준으로 분해되어야 합니다.\r\n\r\n하지만 많은 경우, 이 과정에 대한 이해부족으로인해 현재 자신이 만들고 있는 모듈과 전달받은 요구사항 사이의 관계를 제대로 연결짓지 못하거나 이해하지 못한 채 프로젝트가 진행됩니다. 결국 개발 완성품의 품질이 개발자의 노력이나 기획자의 창의력과는 별개로 최종 사용자뿐 아니라 개발에 참여했던 인원들마저도 제대로 만족시키지 못하는 상황이 발생합니다.\r\n\r\n이것이 바로 요구사항을 다루는 방법(Requirements Engineering)과 명세(Specification)를 함께 배워야 하는 이유입니다.\r\n\r\n또한 성공적으로 출시되고 유지되는 SW들은 잘 정제된 명세와 더불어 해당 SW가 다루는 데이터와 내부 구조가 강형(robust) 설계로 반영되어 만들어져 있습니다.\r\n\r\n흔히 이때 가장 기본이 되는 것은 중복이 적고 확장이 가능한 구조를 채택하는 것입니다. 이는 짧은 경험과 적은 노력으로 얻기 어려운 영역중 하나입니다만, 다행히도 이에 대한 많은 문제들이 선배세대에서 디자인 패턴이라는 형태로 정리를 해 놓았습니다.\r\n\r\n마지막으로 이런 모든 활동들은 유기체의 세포가 서로의 구성요소로 작용하는 것처럼 각각의 요소 활동과 결과가 서로에게 전달되어야 합니다. 이를 돕는 것이 지속적인 피드백입니다. CI(지속적인 통합)서버 같은 시스템적인 측면만을 이야기 하는 것이 아니라, 사람이 개입되어 서로에게 영향을 주고, 지식을 시험하고 나눌수 있도록 돕는 것이 필요합니다. 그것이 애자일에서는 짝 프로그래밍과 회고의 형태로 나타나고 멘티가 멘토로 성장할 수 잇도록 돕습니다. 개발을 돕는 도구의 하나로 TDD를 보았을 때 이 과정은 꼭 필요한 부분입니다.\r\n\r\n저는..\r\n------\r\n- 참여자들의 학습을 촉진하고 스스로 개선해 나갈 수 있도록 돕습니다.\r\n- TDD의 장점과 한계점을 직접 느낄 수 있도록 하며 실패를 우회하는 방법과 교훈을 전달합니다.\r\n- 지속가능한 개발 기법이 될 수 있도록 훈련합니다.\r\n\r\n목표\r\n----\r\n- 참여자가 스스로 자신의 개발 스타일을 변화시킵니다.\r\n- 자신에게 효과적인 SW 개발 방법을 찾아냅니다.\r\n- 요구사항을 정확히 이해하는 능력을 기릅니다.\r\n- 적정 수준의 스펙 작성과 구현 방식을 \r\n- 다른 사람에게 효과적으로 전파할 수 있습니다.\r\n- 용기있는 엔지니어가 됩니다.\r\n\r\n실천법\r\n------\r\n\r\n- 목를 설정하는 방법을 배웁니다.\r\n- 자신의 상태를 측정합니다.\r\n- 참가자들이 서로가 서로의 멘터/멘티가 됩니다.\r\n- 함께 지식을 모으고 지혜를 나눕니다.\r\n- 짝 프로그래밍\r\n- 리팩터링\r\n- 디자인패턴\r\n- 회고\r\n\r\n진행\r\n====\r\n- 실습/토론 위주로 진행됩니다.\r\n- 주제를 정해 워크샵을 진행합니다.\r\n\r\n\r\n1st Month\r\n---------\r\n- 사전미팅\r\n - 안내, 요령, 준비사항 전달\r\n- #1\r\n - 스타트업 미팅\r\n - 자기 점검\r\n - 가치와 원칙\r\n - 실수 줄이기\r\n - 목표 세우기\r\n- #2\r\n - workshop 1st\r\n- #3\r\n - 문제와 지식 나누기\r\n - 요구사항 처리\r\n - 명세\r\n - 목표 세우기\r\n- #4\r\n - 문제와 지식 나누기\r\n - 작게 쪼개기\r\n - 연습하기/가르치기\r\n - 새로운 도메인과 낯선 언어\r\n - 측정하\r\n\r\n2nd Month\r\n---------\r\n- #1\r\n - Code Review & Refactoring\r\n - 패턴, 모델링\r\n - 측정하기\r\n- #2\r\n - workshop 2nd\r\n\r\n3rd Month\r\n---------\r\n- #1\r\n - Code Review & Refactoring\r\n - 측정하기\r\n- #2\r\n - Course Review\r\n - Adoption & Abandon\r\n\r\nMonths Later\r\n------------\r\n- 멘토와 멘티, 리더와 팔로워의 시간\r\n\r\n ```\r\n 본 내용은 진행 상황에 따라 변경될 수 있습니다.\r\n ```\r\n \r\n추천도서\r\n--------\r\n- 린소프트웨어 개발의 적용 (Implementing Lean Software Development, 메리포펜딕, 톰 포펜딕)\r\n- 익스트림 프로그래밍 (Extrem Programming 2nd, 켄트 벡)\r\n- 능률적인 프로그래머 (The Productive Programmer, 닐포드)\r\n- 지속적인 통합 (Continuous Integration, 폴M듀발, 스티븐 M.마티야스, 앤드류 글로버)\r\n- Head First Software Development (댄 필로네 &러스 마일즈)\r\n- 리팩터링 (Refactoring, 마틴 파울러)\r\n- 테스트주도개발 (TDD by Example, 켄트 벡)\r\n- .NET 예제로 배우는 단위테스트 (Art of Unit Testing, 로이 오셔브로)\r\n- 클린코드 (Clean Code, 로버트 C.마틴)\r\n- 레거시코드 활용전략 (Working effectively with legacy code, 마이클 페더스)\r\n- Software Requirements (칼 위거스)\r\n- 소프트웨어 요구사항 패턴 (Software Requirement Patterns, Stephen Withall)\r\n- UML 실전에서는 이것만 쓴다 (UML for Java Programmers , 로버트 C.마틴)\r\n- 단위 테스트의 모든 것 (JUnit in Action, 피터 타치브, 펠리페 레미 등)","tagline":"Learning & Sharing ","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."}
70 stylesheets/pygment_trac.css
@@ -0,0 +1,70 @@
+.highlight .hll { background-color: #ffffcc }
+.highlight { background: #f0f3f3; }
+.highlight .c { color: #0099FF; font-style: italic } /* Comment */
+.highlight .err { color: #AA0000; background-color: #FFAAAA } /* Error */
+.highlight .k { color: #006699; font-weight: bold } /* Keyword */
+.highlight .o { color: #555555 } /* Operator */
+.highlight .cm { color: #0099FF; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #009999 } /* Comment.Preproc */
+.highlight .c1 { color: #0099FF; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #0099FF; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #FF0000 } /* Generic.Error */
+.highlight .gh { color: #003300; font-weight: bold } /* Generic.Heading */
+.highlight .gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */
+.highlight .go { color: #AAAAAA } /* Generic.Output */
+.highlight .gp { color: #000099; font-weight: bold } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #003300; font-weight: bold } /* Generic.Subheading */
+.highlight .gt { color: #99CC66 } /* Generic.Traceback */
+.highlight .kc { color: #006699; font-weight: bold } /* Keyword.Constant */
+.highlight .kd { color: #006699; font-weight: bold } /* Keyword.Declaration */
+.highlight .kn { color: #006699; font-weight: bold } /* Keyword.Namespace */
+.highlight .kp { color: #006699 } /* Keyword.Pseudo */
+.highlight .kr { color: #006699; font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #007788; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #FF6600 } /* Literal.Number */
+.highlight .s { color: #CC3300 } /* Literal.String */
+.highlight .na { color: #330099 } /* Name.Attribute */
+.highlight .nb { color: #336666 } /* Name.Builtin */
+.highlight .nc { color: #00AA88; font-weight: bold } /* Name.Class */
+.highlight .no { color: #336600 } /* Name.Constant */
+.highlight .nd { color: #9999FF } /* Name.Decorator */
+.highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
+.highlight .ne { color: #CC0000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #CC00FF } /* Name.Function */
+.highlight .nl { color: #9999FF } /* Name.Label */
+.highlight .nn { color: #00CCFF; font-weight: bold } /* Name.Namespace */
+.highlight .nt { color: #330099; font-weight: bold } /* Name.Tag */
+.highlight .nv { color: #003333 } /* Name.Variable */
+.highlight .ow { color: #000000; font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #FF6600 } /* Literal.Number.Float */
+.highlight .mh { color: #FF6600 } /* Literal.Number.Hex */
+.highlight .mi { color: #FF6600 } /* Literal.Number.Integer */
+.highlight .mo { color: #FF6600 } /* Literal.Number.Oct */
+.highlight .sb { color: #CC3300 } /* Literal.String.Backtick */
+.highlight .sc { color: #CC3300 } /* Literal.String.Char */
+.highlight .sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */
+.highlight .s2 { color: #CC3300 } /* Literal.String.Double */
+.highlight .se { color: #CC3300; font-weight: bold } /* Literal.String.Escape */
+.highlight .sh { color: #CC3300 } /* Literal.String.Heredoc */
+.highlight .si { color: #AA0000 } /* Literal.String.Interpol */
+.highlight .sx { color: #CC3300 } /* Literal.String.Other */
+.highlight .sr { color: #33AAAA } /* Literal.String.Regex */
+.highlight .s1 { color: #CC3300 } /* Literal.String.Single */
+.highlight .ss { color: #FFCC33 } /* Literal.String.Symbol */
+.highlight .bp { color: #336666 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #003333 } /* Name.Variable.Class */
+.highlight .vg { color: #003333 } /* Name.Variable.Global */
+.highlight .vi { color: #003333 } /* Name.Variable.Instance */
+.highlight .il { color: #FF6600 } /* Literal.Number.Integer.Long */
+
+.type-csharp .highlight .k { color: #0000FF }
+.type-csharp .highlight .kt { color: #0000FF }
+.type-csharp .highlight .nf { color: #000000; font-weight: normal }
+.type-csharp .highlight .nc { color: #2B91AF }
+.type-csharp .highlight .nn { color: #000000 }
+.type-csharp .highlight .s { color: #A31515 }
+.type-csharp .highlight .sc { color: #A31515 }
431 stylesheets/stylesheet.css
@@ -0,0 +1,431 @@
+/*******************************************************************************
+Slate Theme for Github Pages
+by Jason Costello, @jsncostello
+*******************************************************************************/
+
+@import url(pygment_trac.css);
+
+/*******************************************************************************
+MeyerWeb Reset
+*******************************************************************************/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font: inherit;
+ vertical-align: baseline;
+}
+
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+
+ol, ul {
+ list-style: none;
+}
+
+blockquote, q {
+}
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+a:focus {
+ outline: none;
+}
+
+/*******************************************************************************
+Theme Styles
+*******************************************************************************/
+
+body {
+ box-sizing: border-box;
+ color:#373737;
+ background: #212121;
+ font-size: 16px;
+ font-family: 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif;
+ line-height: 1.5;
+ -webkit-font-smoothing: antialiased;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ margin: 10px 0;
+ font-weight: 700;
+ color:#222222;
+ font-family: 'Lucida Grande', 'Calibri', Helvetica, Arial, sans-serif;
+ letter-spacing: -1px;
+}
+
+h1 {
+ font-size: 36px;
+ font-weight: 700;
+}
+
+h2 {
+ padding-bottom: 10px;
+ font-size: 32px;
+ background: url('../images/bg_hr.png') repeat-x bottom;
+}
+
+h3 {
+ font-size: 24px;
+}
+
+h4 {
+ font-size: 21px;
+}
+
+h5 {
+ font-size: 18px;
+}
+
+h6 {
+ font-size: 16px;
+}
+
+p {
+ margin: 10px 0 15px 0;
+}
+
+footer p {
+ color: #f2f2f2;
+}
+
+a {
+ text-decoration: none;
+ color: #007edf;
+ text-shadow: none;
+
+ transition: color 0.5s ease;
+ transition: text-shadow 0.5s ease;
+ -webkit-transition: color 0.5s ease;
+ -webkit-transition: text-shadow 0.5s ease;
+ -moz-transition: color 0.5s ease;
+ -moz-transition: text-shadow 0.5s ease;
+ -o-transition: color 0.5s ease;
+ -o-transition: text-shadow 0.5s ease;
+ -ms-transition: color 0.5s ease;
+ -ms-transition: text-shadow 0.5s ease;
+}
+
+#main_content a:hover {
+ color: #0069ba;
+ text-shadow: #0090ff 0px 0px 2px;
+}
+
+footer a:hover {
+ color: #43adff;
+ text-shadow: #0090ff 0px 0px 2px;
+}
+
+em {
+ font-style: italic;
+}
+
+strong {
+ font-weight: bold;
+}
+
+img {
+ position: relative;
+ margin: 0 auto;
+ max-width: 739px;
+ padding: 5px;
+ margin: 10px 0 10px 0;
+ border: 1px solid #ebebeb;
+
+ box-shadow: 0 0 5px #ebebeb;
+ -webkit-box-shadow: 0 0 5px #ebebeb;
+ -moz-box-shadow: 0 0 5px #ebebeb;
+ -o-box-shadow: 0 0 5px #ebebeb;
+ -ms-box-shadow: 0 0 5px #ebebeb;
+}
+
+pre, code {
+ width: 100%;
+ color: #222;
+ background-color: #fff;
+
+ font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
+ font-size: 14px;
+
+ border-radius: 2px;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+
+
+
+}
+
+pre {
+ width: 100%;
+ padding: 10px;
+ box-shadow: 0 0 10px rgba(0,0,0,.1);
+ overflow: auto;
+}
+
+code {
+ padding: 3px;
+ margin: 0 3px;
+ box-shadow: 0 0 10px rgba(0,0,0,.1);
+}
+
+pre code {
+ display: block;
+ box-shadow: none;
+}
+
+blockquote {
+ color: #666;
+ margin-bottom: 20px;
+ padding: 0 0 0 20px;
+ border-left: 3px solid #bbb;
+}
+
+ul, ol, dl {
+ margin-bottom: 15px
+}
+
+ul li {
+ list-style: inside;
+ padding-left: 20px;
+}
+
+ol li {
+ list-style: decimal inside;
+ padding-left: 20px;
+}
+
+dl dt {
+ font-weight: bold;
+}
+
+dl dd {
+ padding-left: 20px;
+ font-style: italic;
+}
+
+dl p {
+ padding-left: 20px;
+ font-style: italic;
+}
+
+hr {
+ height: 1px;
+ margin-bottom: 5px;
+ border: none;
+ background: url('../images/bg_hr.png') repeat-x center;
+}
+
+table {
+ border: 1px solid #373737;
+ margin-bottom: 20px;
+ text-align: left;
+ }
+
+th {
+ font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ padding: 10px;
+ background: #373737;
+ color: #fff;
+ }
+
+td {
+ padding: 10px;
+ border: 1px solid #373737;
+ }
+
+form {
+ background: #f2f2f2;
+ padding: 20px;
+}
+
+img {
+ width: 100%;
+ max-width: 100%;
+}
+
+/*******************************************************************************
+Full-Width Styles
+*******************************************************************************/
+
+.outer {
+ width: 100%;
+}
+
+.inner {
+ position: relative;
+ max-width: 640px;
+ padding: 20px 10px;
+ margin: 0 auto;
+}
+
+#forkme_banner {
+ display: block;
+ position: absolute;
+ top:0;
+ right: 10px;
+ z-index: 10;
+ padding: 10px 50px 10px 10px;
+ color: #fff;
+ background: url('../images/blacktocat.png') #0090ff no-repeat 95% 50%;
+ font-weight: 700;
+ box-shadow: 0 0 10px rgba(0,0,0,.5);
+ border-bottom-left-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+#header_wrap {
+ background: #212121;
+ background: -moz-linear-gradient(top, #373737, #212121);
+ background: -webkit-linear-gradient(top, #373737, #212121);
+ background: -ms-linear-gradient(top, #373737, #212121);
+ background: -o-linear-gradient(top, #373737, #212121);
+ background: linear-gradient(top, #373737, #212121);
+}
+
+#header_wrap .inner {
+ padding: 50px 10px 30px 10px;
+}
+
+#project_title {
+ margin: 0;
+ color: #fff;
+ font-size: 42px;
+ font-weight: 700;
+ text-shadow: #111 0px 0px 10px;
+}
+
+#project_tagline {
+ color: #fff;
+ font-size: 24px;
+ font-weight: 300;
+ background: none;
+ text-shadow: #111 0px 0px 10px;
+}
+
+#downloads {
+ position: absolute;
+ width: 210px;
+ z-index: 10;
+ bottom: -40px;
+ right: 0;
+ height: 70px;
+ background: url('../images/icon_download.png') no-repeat 0% 90%;
+}
+
+.zip_download_link {
+ display: block;
+ float: right;
+ width: 90px;
+ height:70px;
+ text-indent: -5000px;
+ overflow: hidden;
+ background: url(../images/sprite_download.png) no-repeat bottom left;
+}
+
+.tar_download_link {
+ display: block;
+ float: right;
+ width: 90px;
+ height:70px;
+ text-indent: -5000px;
+ overflow: hidden;
+ background: url(../images/sprite_download.png) no-repeat bottom right;
+ margin-left: 10px;
+}
+
+.zip_download_link:hover {
+ background: url(../images/sprite_download.png) no-repeat top left;
+}
+
+.tar_download_link:hover {
+ background: url(../images/sprite_download.png) no-repeat top right;
+}
+
+#main_content_wrap {
+ background: #f2f2f2;
+ border-top: 1px solid #111;
+ border-bottom: 1px solid #111;
+}
+
+#main_content {
+ padding-top: 40px;
+}
+
+#footer_wrap {
+ background: #212121;
+}
+
+
+
+/*******************************************************************************
+Small Device Styles
+*******************************************************************************/
+
+@media screen and (max-width: 480px) {
+ body {
+ font-size:14px;
+ }
+
+ #downloads {
+ display: none;
+ }
+
+ .inner {
+ min-width: 320px;
+ max-width: 480px;
+ }
+
+ #project_title {
+ font-size: 32px;
+ }
+
+ h1 {
+ font-size: 28px;
+ }
+
+ h2 {
+ font-size: 24px;
+ }
+
+ h3 {
+ font-size: 21px;
+ }
+
+ h4 {
+ font-size: 18px;
+ }
+
+ h5 {
+ font-size: 14px;
+ }
+
+ h6 {
+ font-size: 12px;
+ }
+
+ code, pre {
+ min-width: 320px;
+ max-width: 480px;
+ font-size: 11px;
+ }
+
+}

0 comments on commit 98f03a5

Please sign in to comment.