test/index.html at main · ids-digi/test · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
<!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 (pulls from metadata.json) -->
    <title> Hello</title>

    <!-- favicon -->
    <link rel="SHORTCUT ICON"
        href="https://s3.amazonaws.com/snwceomedia/ids/f07d2fab-1ce4-46fd-b3b3-44a57ab9fb95.sized-1000x1000.jpg">

    <!-- CSS stylesheets -->
    <link rel="stylesheet" href="css/normalize.css"> <!-- normalize — removes default browser styles -->
    <link rel="stylesheet" href="css/ids.css"> <!-- IDS stylesheet — default IDS styles -->
    <link rel="stylesheet" href="css/style.css"> <!-- Local stylesheet — put all your design choices here -->

    <!-- Font Awesome — for the social media icons and hamburger menu icon -->
    <script src="https://kit.fontawesome.com/0218ede635.js" crossorigin="anonymous"></script>

    <!-- SOCIAL CARDS — Make sure to update!! -->
    <meta property="og:url" content="http://specials.idsnews.com/url" />
    <meta property="og:type" content="article" />
    <meta property="og:title" content="Headline" /> <!-- TODO: headline -->
    <meta property="og:description" content="Abstract" /> <!-- TODO: abstract -->
    <meta property="og:site_name" content="IDS News">
    <meta property="og:image" content="" /> <!-- TODO: link to dominant image -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@idsnews">
    <meta name="twitter:creator" content="@idsnews">
    <meta name="twitter:title" content="Headline"> <!-- TODO: headline -->
    <meta name="twitter:description" content="Abstract"> <!-- TODO: abstract -->
    <meta name="twitter:image" content=""> <!-- TODO: link to dominant image -->

    <!-- START Ad content: this goes in the head content -->
    <!-- don't mess with this — it will work all on it's own :-) -->
    <script async='async' src='https://www.googletagservices.com/tag/js/gpt.js'></script>
    <script>
        var googletag = googletag || {};
        googletag.cmd = googletag.cmd || [];
    </script>
    <script>
        googletag.cmd.push(function () {
            //all other leaderboards
            var mapping1 = googletag.sizeMapping()
                .addSize([768, 0], [728, 90]) // Desktops and Tablets
                .addSize([0, 0], [320, 50]) // Mobile devices
                .build();
            googletag.defineSlot('/32635621/ids_specials1_leaderboard_728x90', [[728, 90], [320, 50]], 'div-gpt-ad-1512489859064-0').defineSizeMapping(mapping1).addService(googletag.pubads());
            googletag.defineSlot('/32635621/ids_specials2_leaderboard_728x90', [[728, 90], [320, 50]], 'div-gpt-ad-1512489859064-1').defineSizeMapping(mapping1).addService(googletag.pubads());
            googletag.defineSlot('/32635621/ids_specials3_rectangle_300x250', [300, 250], 'div-gpt-ad-1512489859064-2').addService(googletag.pubads());
            googletag.defineSlot('/32635621/ids_specials4_rectangle_300x250', [300, 250], 'div-gpt-ad-1512489859064-3').addService(googletag.pubads());
            googletag.defineSlot('/32635621/ids_specials5_rectangle_300x250', [300, 250], 'div-gpt-ad-1512489859064-4').addService(googletag.pubads());
            googletag.pubads().enableSingleRequest();
            googletag.pubads().collapseEmptyDivs();
            googletag.enableServices();
        });
    </script>
</head>

<body>
    <!-- Google Tag Manager -->
    <!-- (also don't have to worry about this at all) -->
    <noscript>
        <iframe src="//www.googletagmanager.com/ns.html?id=GTM-NBJX8F" height="0" width="0"
            style="display:none;visibility:hidden"></iframe>
    </noscript>
    <script src="js/googleTagManager.js"></script>

    <div class="helper"></div>

    <!--Header-->
    <header>

        <!-- Transparent navbar -->
        <nav>
            <ul>
                <li class="logo">
                    <a href="https://www.idsnews.com">
                        <!-- IDS LOGO SVG -->
                        <svg viewBox="0 0 163.17 68.85">
                            <path style="fill:white;" d="M0,67.77V1.08H19.89V67.77Z" />
                            <path style="fill:white;"
                                d="M32.85,67.77V1.08H58.32c19.44,0,38.34,6.21,38.34,33.3,0,26.64-20.07,33.39-39.6,33.39ZM52.74,50.4h5.85c12.06,0,17.91-4.41,17.91-16s-5.67-15.3-18.81-15.3H52.74Z" />
                            <path style="fill:white;"
                                d="M98.82,59l9.54-13.59c6.66,4.59,15.93,7,23.31,7,9.45,0,11.7-2.16,11.7-4.86s-2.7-3.78-12.51-4.59c-14.31-1.17-28.26-4.86-28.26-21.15C102.6,5.67,115.83,0,131,0c15.84,0,24.48,4.05,29.16,7.83l-9.9,14.31c-3.78-2.52-12.33-4.77-19-4.77s-8.73,1.08-8.73,3.69c0,3.24,2.79,4.05,12.69,4.86,14.94,1.26,28,4.14,28,20.7,0,13.5-11.52,22.23-30.87,22.23C114.66,68.85,105.84,64.53,98.82,59Z" />
                        </svg>
                    </a>
                    <span id="slug"></span> <!-- slug auto pulls from metadata.json -->
                </li>
                <li class="toggle">
                    <i class="fas fa-bars fa-lg"></i>
                </li>
                <li id="socials" class="item">
                    <!-- links generate automatically from metadata.json -->
                </li>
            </ul>
        </nav>

        <!-- Headline, subhed -->
        <!-- feel free to change this up — you don't need it to have data scroll speed,
        doesn't have to be centered, doesn't have to be 2 lines, etc. (see header options in css directions for more inspo) -->
        <div class="headline-container">
            <h1 data-scroll-speed="2">Fun buioldfgjfjgfshdu</h1>
            <h2 data-scroll-speed="3">IU graduate workers begin picketing for union recognition</h2>
        </div>

    </header>

    <!-- main article -->
    <main>
        <p class="caption header-caption">Caption</p>
        <article>
            <div class="bylines">
                <div id="bylines">
                    <!-- update bylines in metadata.json -->
                </div>
                <!-- TO DO update pub_date in metadata.json -->
                <p id="pubdate"></p>
            </div>
            <div class="story">

                <!--
                    TODO: add story content!

                    For example code of basic elements, visit our documentation on Notion: https://www.notion.so/Buildout-Documentation-4e36a30949d149e5bb074a753a88a910
                    You can also check out the kitchen sink article on Github, which contains every existing element in the template: https://github.com/ids-digi/kitchen-sink-article
                -->

                <!-- small bios -->
                <div class="author-bios">
                    <!-- update bios in metadata.json -->
                    <!-- delete this div if you don't want them to show up -->
                </div>

                <p class="donate">
                    <em>Like what you're reading?</em><br>
                    Support independent, award-winning student journalism.
                    <a href="https://www.idsnews.com/page/donate" target="_blank">Donate.</a>
                </p>
            </div>
        </article>

    </main>

    <footer>

        <div class="footer-row">
            <!-- IDS LOGO SVG -->
            <div class="logo">
                <a href="https://idsnews.com">
                    <svg viewBox="0 0 163.17 68.85">
                        <path style="fill:#990000;" d="M0,67.77V1.08H19.89V67.77Z" />
                        <path style="fill:#990000;"
                            d="M32.85,67.77V1.08H58.32c19.44,0,38.34,6.21,38.34,33.3,0,26.64-20.07,33.39-39.6,33.39ZM52.74,50.4h5.85c12.06,0,17.91-4.41,17.91-16s-5.67-15.3-18.81-15.3H52.74Z" />
                        <path style="fill:#990000;"
                            d="M98.82,59l9.54-13.59c6.66,4.59,15.93,7,23.31,7,9.45,0,11.7-2.16,11.7-4.86s-2.7-3.78-12.51-4.59c-14.31-1.17-28.26-4.86-28.26-21.15C102.6,5.67,115.83,0,131,0c15.84,0,24.48,4.05,29.16,7.83l-9.9,14.31c-3.78-2.52-12.33-4.77-19-4.77s-8.73,1.08-8.73,3.69c0,3.24,2.79,4.05,12.69,4.86,14.94,1.26,28,4.14,28,20.7,0,13.5-11.52,22.23-30.87,22.23C114.66,68.85,105.84,64.53,98.82,59Z" />
                    </svg>
                    <span class="show-desktop"> | Indiana Daily Student</span>
                </a>
            </div>
            <a class="subscribe show-desktop" href="https://www.idsnews.com/page/newsletters" target="_blank">
                SUBSCRIBE
            </a>
            <div class="socials">
                <a href="https://www.facebook.com/idsnews" target="_blank"><i class="fab fa-facebook"></i></a>
                <a href="https://twitter.com/idsnews" target="_blank"><i class="fab fa-twitter"></i></a>
                <a href="https://www.instagram.com/idsnews/" target="_blank"><i class="fab fa-instagram"></i></a>
                <a href="https://open.spotify.com/show/4Dq0KFTxDssQSioraHBW0j"
                    target="_blank"><i class="fab fa-spotify"></i></a>
            </div>
        </div>
        <div class="links">
            <p><a href="https://www.idsnews.com/page/contact" target="_blank">Contact us</a></p>
            <p><a href="https://www.idsnews.com/page/employment" target="_blank">Employment</a></p>
            <p><a href="https://www.idsnews.com/page/policies" target="_blank">Policies</a></p>
            <p><a href="https://s3.amazonaws.com/snwceomedia/ids/45e13f9c-6411-4947-8db6-2bf00b0e8d93.original.pdf"
                    target="_blank">Advertising</a></p>
            <p><a href="https://issuu.com/idsnews" target="_blank">Print edition</a></p>
            <p><a href="https://www.idsnews.com/page/contact" target="_blank">Write to us</a></p>
        </div>
        <p class="copyright"><small>All content &copy; 2025 Indiana Daily Student</small></p>
    </footer>

    <!-- Jquery cdn — used to set data scroll speed (set in ids.js file) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="js/ads.js"></script>
    <script src="js/ids.js"></script>
    <script src="js/metadata.js"></script>
</body>

</html>