Browse Source

Updated index

tags/rls1
kenn408k 6 years ago
parent
commit
9d3d2afc37
2 changed files with 102 additions and 15 deletions
  1. 16
    13
      content/home.php
  2. 86
    2
      css/style.css

+ 16
- 13
content/home.php View File

94
     <div class="content-slice pull_right">
94
     <div class="content-slice pull_right">
95
         <h1>Event center</h1>
95
         <h1>Event center</h1>
96
 
96
 
97
-        
97
+
98
         <?php
98
         <?php
99
-            foreach (Get::publicEventListHome(3) as $result) {
100
-                ?>
99
+        foreach (Get::publicEventListHome(3) as $result) {
100
+            ?>
101
 
101
 
102
-                <div class="event-item">
103
-                    <div class="event-date"><?php echo date('d', $result['time']); ?><span><?php echo date('M', $result['time']); ?></span></div>
104
-                    <div class="event-content">
105
-                        <div class="event-left">
102
+            <div class="event-item2">
103
+
104
+                <div class="event-content2">
105
+                    <div class="event-left2">
106
+                        <div class="event-image"><img src="<?php echo $result['img']; ?>" alt="eventimage" /></div>
107
+                        <div class="event-con">
106
                             <h1><?php echo $result['title'] ?></h1>
108
                             <h1><?php echo $result['title'] ?></h1>
107
-                            <p>Content goes here</p>
109
+                            <p><?php echo strip_tags($result['description']); ?></p>
108
                         </div>
110
                         </div>
109
-                        <div class="event-right"><a href="?page=eventview&e=<?php echo $result['id'] ?>"><button>Læs Mere</button></a></div>
110
                     </div>
111
                     </div>
112
+                    <div class="event-right2"><div class="arrow"><a href="?page=eventview&e=<?php echo $result['id'] ?>"><i class="fa fa-chevron-right"></i></a></div></div>
111
                 </div>
113
                 </div>
114
+            </div>
115
+
116
+            <?php
117
+        }
118
+        ?>
112
 
119
 
113
-                <?php
114
-            }
115
-            ?>
116
-        
117
 
120
 
118
 
121
 
119
     </div>
122
     </div>

+ 86
- 2
css/style.css View File

213
     box-sizing:border-box;
213
     box-sizing:border-box;
214
 }
214
 }
215
 
215
 
216
+.event-item2 {
217
+    width:480px;
218
+    height:90px;
219
+    max-height:90px !important;
220
+    margin-top:10px;
221
+    box-sizing:border-box;
222
+}
223
+
216
 .event-date {
224
 .event-date {
217
     width:50px;
225
     width:50px;
218
     height:50px;
226
     height:50px;
234
 }
242
 }
235
 
243
 
236
 .event-content {
244
 .event-content {
237
-    width:370px;
245
+    width:400px;
246
+    height:90px;
247
+    float:left;
248
+    background-color:#333333;
249
+    margin-top:0px;
250
+    padding:5px 5px 5px 5px;
251
+    border-radius:2px;
252
+    box-sizing:border-box;
253
+}
254
+
255
+.event-content2 {
256
+    width:420px;
238
     height:90px;
257
     height:90px;
239
     float:left;
258
     float:left;
240
     background-color:#333333;
259
     background-color:#333333;
256
 
275
 
257
 .event-left {
276
 .event-left {
258
     padding:10px 10px 10px 10px;
277
     padding:10px 10px 10px 10px;
259
-    width:250px;
278
+    width:270px;
260
     float:left;
279
     float:left;
261
     font-size:12px;
280
     font-size:12px;
262
     font-weight:normal;
281
     font-weight:normal;
266
     height:70px;
285
     height:70px;
267
 }
286
 }
268
 
287
 
288
+.event-left2 {
289
+    padding:10px 10px 10px 10px;
290
+    width:350px;
291
+    float:left;
292
+    font-size:12px;
293
+    font-weight:normal;
294
+
295
+    text-overflow: ellipsis;
296
+    overflow: hidden;
297
+    height:90px;
298
+}
299
+
300
+.event-left2 h1 {
301
+    max-width:200px;
302
+    overflow:hidden;
303
+    white-space: nowrap;
304
+    overflow: hidden;
305
+    text-overflow: ellipsis;
306
+}
307
+
308
+.event-con {
309
+    width:400px;
310
+    margin-left:50px;
311
+}
312
+
313
+
269
 .event-left h1 {
314
 .event-left h1 {
270
     max-width:250px;
315
     max-width:250px;
271
     overflow:hidden;
316
     overflow:hidden;
281
     font-size:10px;
326
     font-size:10px;
282
 }
327
 }
283
 
328
 
329
+.event-image {
330
+    width:125px;
331
+    height:70px;
332
+    float:left;
333
+    margin-right:10px;
334
+    margin-top:-5px;
335
+}
336
+
337
+.event-image img {
338
+    width:125px;
339
+    height:70px;
340
+}
341
+
342
+
284
 .event-right {
343
 .event-right {
285
     float:left;
344
     float:left;
286
 }
345
 }
287
 
346
 
347
+.event-right2 {
348
+    float:right;
349
+}
350
+
288
 .event-right a:before {
351
 .event-right a:before {
289
     content: "";
352
     content: "";
290
     padding-right: 3px;
353
     padding-right: 3px;
292
     font-size:13px;
355
     font-size:13px;
293
 }
356
 }
294
 
357
 
358
+.event-right2 a:before {
359
+    content: "";
360
+    padding-right: 3px;
361
+    color:#0093a1;
362
+    font-size:13px;
363
+}
364
+
295
 .event-right button {
365
 .event-right button {
296
     width:90px;
366
     width:90px;
297
     height:25px;
367
     height:25px;
302
     margin-top:30%;
372
     margin-top:30%;
303
 }
373
 }
304
 
374
 
375
+.event-right2 .arrow {
376
+    margin-top:50%;
377
+    width:25px;
378
+    float:right;
379
+}
380
+
381
+.event-right2 .arrow a {
382
+    text-align:center;
383
+    color:red;
384
+    font-size:25px;
385
+    padding:10px;
386
+    float:right;
387
+}
388
+
305
 .eventextra {
389
 .eventextra {
306
     height:80px;
390
     height:80px;
307
 }
391
 }

Loading…
Cancel
Save