https://nailab-web.web.app/top%20news.js

1
2function updatesTemplate(updates){
3    return ` 
4
5    <div class="news">
6    <div class="main-one">
7        <a href="#">
8        <div class="card">
9            <img class="thumb"
10                src="${updates.gsx$photo.$t}""
11                alt="">
12
13            <h1 class="headline">
14                Start-up ideas worth investing</h1>
15
16            <div class="author">
17
18                <div class="hold-img"><img class="avatar"
19                        src="./images/avatar.svg"
20                        alt=""></div>
21                <div class="author-info">
22                    <h3 class="name">Author </h3>
23                    <div class="minor">
24                        <p class="date">May 30, 2020 / 6:30pm
25
26                            <span class="lable-medium">Article</span>
27                        </p>
28                        </p>
29                    </div>
30                </div>
31
32            </div>
33            <hr>
34
35        </div>
36        </a>
37
38    </div>
39
40
41    <div class="not-main-one">
42        <a href="#">
43        <div class="card">
44            <div class="pic">
45                <img class="thumb"
46                    src="https://miro.medium.com/max/2560/1*NStvOGnrBWCu9U13uKBMLA.jpeg"
47                    alt="">
48
49            </div>
50            <div id="newz">
51                <div class="wrap-head">
52                    <!-- <span class="lable-medium">Article</span> -->
53                    <h1 class="headline">
54                        This 25-Year-Old Built a $13 Million Newsletter in 4 Years</h1>
55
56                </div>
57
58                <div class="author">
59                    <div class="hold-img"><img class="avatar" src="./images/testimony2.jpg"
60                            alt=""></div>
61                    <div class="author-info">
62                        <h3 class="name"><i class="fa fa-star"></i>  &nbsp; 
63                            Article Author    &nbsp; <SPAN id="WOE"> Jun 18,2020 </SPAN></h3>
64                        <div class="minor">
65                            <p class="date-urgent">
66
67                            </p>
68                            </p>
69                        </div>
70                    </div>
71                </div>
72
73
74                
75             
76            </div>
77        </div>
78    </a>
79
80    
81
82    <a href="#">
83        <div class="card">
84
85            <div class="pic">
86
87                <img class="thumb"
88                    src="data:image/png;base64,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"
89                    alt="">
90
91            </div>
92            <div id="newz">
93
94                <div class="wrap-head">
95
96                    <!-- <span class="lable-webinar">webinar</span> -->
97                    
98
99                    <h1 class="headline"> How to Tell If a Company’s Black Lives Matter Statement Actually Means Anything
100
101                    </h1>
102
103                </div>
104
105
106                <div class="author">
107                    <div class="hold-img"><img class="avatar" src="./images/testimony2.jpg"
108                            alt=""></div>
109                    <div class="author-info">
110                        <h3 class="name"><i class="fa fa-star"></i>  &nbsp; 
111                            Article Owner    &nbsp; <SPAN id="WOE"> Dec 17,2018 </SPAN></h3>
112                        <div class="minor">
113                            <p class="date-urgent">
114
115                            </p>
116                            </p>
117                        </div>
118                    </div>
119                </div>
120              
121            </div>
122        </div>
123    </a>
124
125   
126    <a href="#">
127        <div class="card">
128            <div class="pic">
129                <img class="thumb"
130                    src="./images/image.svg"
131                    alt="">
132
133            </div>
134            <div id="newz">
135                <div class="wrap-head">
136                    <!-- <span class="lable-eventee">Event</span> -->
137                    <h1 class="headline"> 
138                        Story heading not exceding 20 words </h1>
139
140                </div>
141
142
143                <div class="author">
144                    <div class="hold-img"><img class="avatar" src="./images/testimony2.jpg"
145                            alt=""></div>
146                    <div class="author-info">
147                        <h3 class="name"><i class="fa fa-star"></i>  &nbsp; 
148                            Article Author    &nbsp; <SPAN id="WOE"> Jun 18,2020 </SPAN></h3>
149                        <div class="minor">
150                            <p class="date-urgent">
151
152                            </p>
153                            </p>
154                        </div>
155                    </div>
156                </div>
157              
158            </div>
159        </div>
160
161
162        </a>
163
164       
165
166    </div>
167 
168    <div class="not-main-one">
169       
170
171        <div id="direct-1"><h1 id="direct">Updates</h1></div>
172        
173        <a href="#">
174        <div class="card">
175         
176            <div id="newz">
177                <div class="wrap-head">
178                    <span class="lable-medium">Article</span>
179                    <h1 class="headline">
180                        The Secret to Being a Top Developer  </h1>
181
182                </div>
183
184
185            
186            </div>
187        </div>
188    </a>
189    
190<hr>
191    <a href="#">
192        <div class="card">
193
194            <div id="newz">
195
196                <div class="wrap-head">
197
198                    <span class="lable-webinar">webinar</span>
199                    <br>
200
201                    <h1 class="headline"> How to survive a financial crisis in business
202                    </h1>
203
204                </div>
205
206
207                <!--<div class="author">
208                    <div class="hold-img"><img class="avatar" src="./images/testimony2.jpg"
209                            alt=""></div>
210                    <div class="author-info">
211                        <h3 class="name">
212                            Benjamin Hardy, PhD</h3>
213                        <div class="minor">
214                            <!-- <p class="date-urgent">Dec 17, 2018 / 8:30am -->
215
216                           <!-- </p>
217                            </p>
218                        </div>
219                    </div>
220                </div>--->
221                
222            </div>
223        </div>
224    </a>
225    <hr>
226    <a href="#">
227        <div class="card">
228           
229            <div id="newz">
230                <div class="wrap-head">

231                    <span class="lable-eventee">Event</span>
232                    <h1 class="headline"> The art of the satrtup </h1>
233
234                </div>
235
236
237               <!-- <div class="author">
238                    <div class="hold-img"><img class="avatar" src="./images/testimony2.jpg"
239                            alt=""></div>
240                    <!-- <div class="author-info">
241                        <h3 class="name">
242                            Benjamin Hardy, PhD</h3>
243                        <div class="minor">
244                            <!-- <p class="date-urgent">Dec 17, 2018 / 8:30am
245
246</p> -->
247                          <!--- </p>
248        </a>
249                    </div> -->
250                </div>
251                <hr>
252            </div>
253        </a>
254
255<hr>
256        <a href="#">
257            <div class="card">
258               
259                <div id="newz">
260                    <div class="wrap-head">
261                        <span class="lable-eventee">Event</span>
262                        <h1 class="headline"> The art of the satrtup </h1>
263
264                    </div>
265
266
267                   <!-- <div class="author">
268                        <div class="hold-img"><img class="avatar" src="./images/testimony2.jpg"
269                                alt=""></div>
270                        <!-- <div class="author-info">
271                            <h3 class="name">
272                                Benjamin Hardy, PhD</h3>
273                            <div class="minor">
274                                <!-- <p class="date-urgent">Dec 17, 2018 / 8:30am
275    
276  </p> -->
277                              <!--- </p>
278            </a>
279                        </div> -->
280                    </div>
281                    <hr>
282                </div>
283            </a>
284
285            <hr>
286
287            <a href="#">
288                <div class="card">
289                   
290                    <div id="newz">
291                        <div class="wrap-head">
292                            <span class="lable-eventee">Event</span>
293                            <h1 class="headline">Event Name </h1>
294
295                        </div>
296
297
298                       <!-- <div class="author">
299                            <div class="hold-img"><img class="avatar" src="./images/testimony2.jpg"
300                                    alt=""></div>
301                            <!-- <div class="author-info">
302                                <h3 class="name">
303                                    Benjamin Hardy, PhD</h3>
304                                <div class="minor">-->
305                                    <p class="date-urgent">Dec 17, 2018 Time : 8:30am
306        
307      </p>
308                                   </p>
309                </a>
310                            </div> 
311                        </div>
312                        
313   
314  
315  
316  
317   
318    `
319
320  const googleUrl = 'https://spreadsheets.google.com/feeds/list/1e4B_egvXqZIYYYdd7PrpeIJTUPPgVx2_tvpCE78lgKI/owqmkrw/public/values?alt=json'
321  
322  document.addEventListener("DOMContentLoaded",(e)=>{
323  const {hostname,host,port,protocol} = window.location;
324  const url = `${protocol}//${host}/data.json`;
325  console.trace(host);
326  fetch(googleUrl,{method:"GET"})
327  .then((res)=>res.text()
328  ).then((text)=>
329  JSON.parse(text))
330  .then(({feed:{entry}})=>{
331      //Render received data here
332      render(entry.slice(0));
333  })
334  
335  })
336  
337  
338  
339  
340  
341  function render(updatesData){
342      console.trace(updatesData);
343  
344   
345    console.trace(updatesData);
346      document.getElementById("news").innerHTML=`
347      ${updatesData.map(updatesTemplate).join('')}
348      `
349     }
350