No Issue - Help Center Development Breakdown

breakdown.md

Index: breakdown.md
===================================================================
new file mode 100644
--- /dev/null
+++ b/breakdown.md
@@ -0,0 +1,71 @@
+# Help Center Development Breakdown
+
+[Specification](https://bitbucket.org/adblockplus/spec/src/5eef1222584c3a04802bd523d293f0bb58a5b5e4/spec/help-center/help-center.md?fileviewer=file-view-default)
+
+
+## Pages
+
+- Adblock Plus Home, help.eyeo.com/adblockplus
+- Single Article Page, e.g. help.eyeo.com/adblockplus/block-all-ads
+- Imprint, help.eyeo.com/legal
+
+
+## Templates
+
+- Default Template
+- Product Help Home
+- Single Article
+- Basic Page
+
+
+## Components
+
+- Site Header
+- Site Footer
+- Site Search Field
+- Topics Group
+- Contact Section
+- Breadcrumbs
+- Accordion Menu
+- Browser Selector with Browser Detection
+- Card
+- Search Result Item
+- Lists (Ordered Lists, Unordered Lists, "Numbered" Lists, "Underlined" Lists)
+
+- Grid
+- Variables
+- Typography
+
+
+### Site Header
+
+[See Spec](https://bitbucket.org/adblockplus/spec/src/5eef1222584c3a04802bd523d293f0bb58a5b5e4/spec/help-center/help-center.md?fileviewer=file-view-default#markdown-header-general-navigation)
+
+This includes:
+- Logo 
+- Site Search Field
+- Product Website Link 
+
+Note: The header has a slighlty different layout depening on if it is within a specific product's page (e.g. Single Article) or a general page (e.g. Basic Page)
+
+
+### Site Footer
+
+This includes:
+- Language Selector
+- Footer Links 
+
+
+### Topics Group
+
+This is a list of topics. There are two instances:
+
+- Within a card, e.g. the "Popular Topics" ([See Spec](https://bitbucket.org/adblockplus/spec/src/5eef1222584c3a04802bd523d293f0bb58a5b5e4/spec/help-center/help-center.md?fileviewer=file-view-default#markdown-header-popular-topics))
+- Within a group of other "Topics Groups", e.g. on the Product Help Home page ([See Spec](https://bitbucket.org/adblockplus/spec/src/5eef1222584c3a04802bd523d293f0bb58a5b5e4/spec/help-center/help-center.md?fileviewer=file-view-default#markdown-header-help-categories))
+
+
+### Lists
+
+What I am calling "Numbered Lists" refers to the lists that have styled numbers as shown [here](https://bytebucket.org/adblockplus/spec/raw/5eef1222584c3a04802bd523d293f0bb58a5b5e4/res/help-center/abp-help-article.jpg). This will be implemented as an ordered list `ol`, but I'm making the distinction here to differentiate that style from other ordered lists. 
+
+"Underlined Lists" refers to the lists as shown in the Topic Group, Accordion Menu, and Search Results.