Develop

countries-options.txt

@@ -0,0 +1,55 @@
+
+                            <option value="ar">Argentina</option>
+                            <option value="au">Australia</option>
+                            <option value="at">Austria</option>
+                            <option value="be">Belgium</option>
+                            <option value="br">Brazil</option>
+                            <option value="bg">Bulgaria</option>
+                            <option value="ca">Canada</option>
+                            <option value="cn">China</option>
+                            <option value="co">Colombia</option>
+                            <option value="cu">Cuba</option>
+                            <option value="cz">Czech Republic</option>
+                            <option value="eg">Egypt</option>
+                            <option value="fr">France</option>
+                            <option value="de">Germany</option>
+                            <option value="gr">Greece</option>
+                            <option value="hk">Hong Kong</option>
+                            <option value="hu">Hungary</option>
+                            <option value="in">India</option>
+                            <option value="id">Indonesia</option>
+                            <option value="ie">Ireland</option>
+                            <option value="il">Israel</option>
+                            <option value="it">Italy</option>
+                            <option value="jp">Japan</option>
+                            <option value="lv">Latvia</option>
+                            <option value="lt">Lithuania</option>
+                            <option value="my">Malaysia</option>
+                            <option value="mx">Mexico</option>
+                            <option value="ma">Morocco</option>
+                            <option value="nl">Netherlands</option>
+                            <option value="nz">New Zealand</option>
+                            <option value="ng">Nigeria</option>
+                            <option value="no">Norway</option>
+                            <option value="ph">Philippines</option>
+                            <option value="pl">Poland</option>
+                            <option value="pt">Portugal</option>
+                            <option value="ro">Romania</option>
+                            <option value="ru">Russia</option>
+                            <option value="sa">Saudi Arabia</option>
+                            <option value="rs">Serbia</option>
+                            <option value="sg">Singapore</option>
+                            <option value="sk">Slovakia</option>
+                            <option value="si">Slovenia</option>
+                            <option value="za">South Africa</option>
+                            <option value="kr">South Korea</option>
+                            <option value="se">Sweden</option>
+                            <option value="ch">Switzerland</option>
+                            <option value="tw">Taiwan</option>
+                            <option value="th">Thailand</option>
+                            <option value="tr">Turkey</option>
+                            <option value="ae">UAE</option>
+                            <option value="ua">Ukraine</option>
+                            <option value="gb">United Kingdom</option>
+                            <option value="us">United States</option>
+                            <option value="ve">Venuzuela</option>

countries.txt

@@ -0,0 +1,108 @@
+Argentina
+ar
+Australia
+au
+Austria
+at
+Belgium
+be
+Brazil
+br
+Bulgaria
+bg
+Canada
+ca
+China
+cn
+Colombia
+co
+Cuba
+cu
+Czech Republic
+cz
+Egypt
+eg
+France
+fr
+Germany
+de
+Greece
+gr
+Hong Kong
+hk
+Hungary
+hu
+India
+in
+Indonesia
+id
+Ireland
+ie
+Israel
+il
+Italy
+it
+Japan
+jp
+Latvia
+lv
+Lithuania
+lt
+Malaysia
+my
+Mexico
+mx
+Morocco
+ma
+Netherlands
+nl
+New Zealand
+nz
+Nigeria
+ng
+Norway
+no
+Philippines
+ph
+Poland
+pl
+Portugal
+pt
+Romania
+ro
+Russia
+ru
+Saudi Arabia
+sa
+Serbia
+rs
+Singapore
+sg
+Slovakia
+sk
+Slovenia
+si
+South Africa
+za
+South Korea
+kr
+Sweden
+se
+Switzerland
+ch
+Taiwan
+tw
+Thailand
+th
+Turkey
+tr
+UAE
+ae
+Ukraine
+ua
+United Kingdom
+gb
+United States
+us
+Venuzuela
+ve

index.html

@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>News Reader</title>
+    <style>
+        @import url('https://fonts.googleapis.com/css?family=Catamaran:700');
+        @import url('https://fonts.googleapis.com/css?family=Catamaran:400');
+        @import url('https://fonts.googleapis.com/css?family=Catamaran:100');
+        @import url('https://fonts.googleapis.com/css?family=Handlee|Itim|Mukta|Muli');     
+    </style>
+    <link rel="stylesheet" href="styles.css">
+</head>
+
+<body>
+    <div class="news-app">
+
+        <header class="header">
+            <div class="header__logo__wrapper">
+                <img src="images/eyes-white.png" class="header__logo">
+                <p class="header__logo__text">newsee</p>
+            </div>
+            <div class="header__nav">
+                <form class="header__form">
+                    <div class="header__nav__input">
+                        <input type="text" class="search" name="search" placeholder="&#128269; Search">
+                    </div>
+                </form>
+            </div>
+        </header>
+
+        <div class="content">
+            <nav class="content__nav">
+                <div class="content__country__wrapper">
+                    <form class="country">
+                        Top Headines:
+                    </form>
+                    <form class="category">
+                        Categories:
+                    </form>
+                    <form class="nav__image__display">
+                        <label for="toggle__images">Show images</label>
+                        <input type="checkbox" id="toggle__images" class="toggle__images" checked>
+                    </form>
+                </div>
+                <div class="content__message__wrapper">
+                    <div class="content___message">
+                    </div>
+                </div>
+            </nav>
+
+            <main class="content__body">
+                <div class="content__section__buttons"></div>
+                <ul class="article__list"></ul>
+            </main>
+
+            <aside class="content__aside">
+                Aside content
+            </aside>
+
+            <footer class="content__footer">
+                Footer content
+            </footer>
+        </div>
+    </div>
+    <script src="src/countries-object.js"></script>
+    <script src="src/sources-object.js"></script>
+    <script src="src/index.js"></script>
+</body>
+</html>

src/countries-object.js

@@ -0,0 +1,59 @@
+const countries = {
+    0: "",
+    gb: 'United Kingdom', 
+    ar: 'Argentina',
+    au: 'Australia',
+    at: 'Austria',
+    be: 'Belgium',
+    br: 'Brazil',
+    bg: 'Bulgaria',
+    ca: 'Canada',
+    cn: 'China',
+    co: 'Colombia',
+    cu: 'Cuba',
+    cz: 'Czech Republic',
+    eg: 'Egypt',
+    fr: 'France',
+    de: 'Germany',
+    gr: 'Greece',
+    hk: 'Hong Kong',
+    hu: 'Hungary',
+    in: 'India',
+    id: 'Indonesia',
+    ie: 'Ireland',
+    il: 'Israel',
+    it: 'Italy',
+    jp: 'Japan',
+    lv: 'Latvia',
+    lt: 'Lithuania',
+    my: 'Malaysia',
+    mx: 'Mexico',
+    ma: 'Morocco',
+    nl: 'Netherlands',
+    nz: 'New Zealand',
+    ng: 'Nigeria',
+    no: 'Norway',
+    ph: 'Philippines',
+    pl: 'Poland',
+    pt: 'Portugal',
+    ro: 'Romania',
+    ru: 'Russia',
+    sa: 'Saudi Arabia', 
+    rs: 'Serbia',
+    sg: 'Singapore',
+    sk: 'Slovakia',
+    si: 'Slovenia',
+    za: 'South Africa',
+    kr: 'South Korea',
+    se: 'Sweden',
+    ch: 'Switzerland',
+    tw: 'Taiwan',
+    th: 'Thailand',
+    tr: 'Turkey',
+    ae: 'UAE',
+    ua: 'Ukraine',
+    gb: 'United Kingdom', 
+    us: 'United States',
+    ve: 'Venuzuela',
+    all: 'Worldwide'
+}