70 lines
3.5 KiB
PHP
70 lines
3.5 KiB
PHP
|
<div class="card-container <?= $config['view']; ?>">
|
||
|
|
<?php foreach ($services as $service) : ?>
|
||
|
|
<div class="card <?= $service['type'] . ' ' . $service['location']; ?>">
|
||
|
|
<?php if ($config['view'] !== 'icons') : ?>
|
||
|
|
<a href="<?= $service['link']; ?>" rel="noopener noreferrer" target="_blank">
|
||
|
|
<?php endif; ?>
|
||
|
|
<?php if ($config['view'] === 'full') : ?>
|
||
|
|
<img class="thumb" src="<?= $KTH->returnImg($service['screenshot'], 'thumbs'); ?>" alt="Thumbshot" />
|
||
|
|
<?php endif; ?>
|
||
|
|
<?php if ($config['view'] !== 'icons') : ?>
|
||
|
|
</a><?php endif; ?>
|
||
|
|
<div class="content">
|
||
|
|
<h3>
|
||
|
|
<a href="<?= $service['link']; ?>" rel="noopener noreferrer" target="_blank" title="<?= $service['title']; ?>" >
|
||
|
|
<?php if ($config['view'] === 'icons') : ?>
|
||
|
|
<img class="favicon" loading="lazy" src="<?= $KTH->returnImg($service['favicon'], 'big_favicons'); ?>" alt="Favicon" />
|
||
|
|
<?php else :; ?>
|
||
|
|
<img class="favicon" loading="lazy" src="<?= $KTH->returnImg($service['favicon'], 'favicons'); ?>" alt="Favicon" />
|
||
|
|
<?php endif; ?>
|
||
|
|
<?php if ($config['view'] !== 'icons') : ?><?= $service['title']; ?><?php endif; ?>
|
||
|
|
</a>
|
||
|
|
</h3>
|
||
|
|
<?php if ($config['view'] !== 'icons') : ?>
|
||
|
|
<p class="readMore">
|
||
|
|
<a class="button" onclick="showReadMore('<?= md5($service['link']); ?>')">More info</a>
|
||
|
|
</p>
|
||
|
|
<?php endif; ?>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="modal-<?= md5($service['link']); ?>" class="modal">
|
||
|
|
<!-- Modal content -->
|
||
|
|
<div class="modal-content">
|
||
|
|
<div class="modal-header">
|
||
|
|
<span class="close" id="close-<?= md5($service['link']); ?>">×</span>
|
||
|
|
<h2>
|
||
|
|
<img class="favicon" loading="lazy" src="<?= $KTH->returnImg($service['favicon'], 'favicons'); ?>" alt="Favicon" height="32px" />
|
||
|
|
<?= $service['title']; ?>
|
||
|
|
</h2>
|
||
|
|
<ul>
|
||
|
|
<li>Software : <a href="<?= $service['appHome']; ?>" target="_blank"><?= $service['appHome']; ?></a></li>
|
||
|
|
<li>Installation type : <?= $service['type']; ?></li>
|
||
|
|
<li>Machine : <?= $service['location']; ?></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="modal-body">
|
||
|
|
<p><?= $service['desc']; ?></p>
|
||
|
|
<p class="">
|
||
|
|
<a href="<?= $service['link']; ?>" rel="noopener noreferrer" target="_blank">
|
||
|
|
<img loading="lazy" class="screenshot" src="<?= $KTH->returnImg($service['screenshot'], 'screenshots'); ?>" alt="Screenshot" />
|
||
|
|
</a>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<?php endforeach; ?>
|
||
|
|
|
||
|
|
|
||
|
|
<div id="modal-userDoc" class="modal">
|
||
|
|
<!-- Modal content -->
|
||
|
|
<div class="modal-content userDoc">
|
||
|
|
<div class="modal-header">
|
||
|
|
<span class="close" id="close-userDoc">×</span>
|
||
|
|
</div>
|
||
|
|
<div class="modal-body">
|
||
|
|
<?= $userDoc; ?>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|