Commit f843b59f authored by Étienne Oz's avatar Étienne Oz 🖖

améliorations de style

parent 0bb0a7c3
......@@ -5,7 +5,7 @@
include('inc/functions.php');
include('inc/head.php');
$url = file_get_contents('https://api.zotero.org/groups/2249230/items?limit=100');
$url = file_get_contents('https://api.zotero.org/groups/2249230/items?limit=1000');
$array = json_decode($url, TRUE);
......@@ -26,11 +26,9 @@
<div class="wtf">
?
<div class="infos">
<p>
<strong>wwwahou </strong>
regroupe une sélection de site web des étudiants en Bachelor de l'option Arts Numériques de l'école Arts² à Mons dans le cadre du cours de culture web. Ils ont chacun été choisis car ils représentent un intérêt en terme de design, artistique ou autre.</p>
<p>Développé grace à l'API de <a href="http://zotero.org/">Zotero</a>.</p>
<p><a href="https://gitlab.com/EtienneOz/wwwahou/">sources</a> </p>
<p><strong>wwwahou </strong> regroupe une sélection de site web des étudiants en Bachelor de l'option Arts Numériques de l'école Arts² à Mons dans le cadre du cours de culture web. Ils ont chacun été choisis car ils représentent un intérêt en terme de design, artistique ou autre.</p>
<p>Développé grace à l'API de <a href="http://zotero.org/">Zotero</a>.</p>
<p><a href="https://gitlab.com/EtienneOz/wwwahou/">sources</a> </p>
</div>
</div>
<?php
......@@ -45,47 +43,47 @@
}
}
echo '</ul>';
foreach ($items as $item) {
$data = $item['data'];
if (is_array($data) && in_array('webpage', $data)) {
$title = $data['title'];
$url = $data['url'];
$date = substr($data['dateAdded'], 0, 10);
$abstract = $data['abstractNote'];
$tags = $data['tags'];
if ($url) {
# code...
echo '<div class="item';
foreach ($tags as $tag) {
if ($tag['tag'] != 'notShowed' && $tag['tag'] != 'cambreOk' && $tag['tag'] != 'pourMoi' && substr($tag['tag'], 0, 4) != 'auth') {
echo ' ' . $tag['tag'];
echo '<div class="items">';
foreach ($items as $item) {
$data = $item['data'];
if (is_array($data) && in_array('webpage', $data)) {
$title = $data['title'];
$url = $data['url'];
$date = substr($data['dateAdded'], 0, 10);
$abstract = $data['abstractNote'];
$tags = $data['tags'];
if ($url) {
# code...
echo '<div class="item';
foreach ($tags as $tag) {
if ($tag['tag'] != 'notShowed' && $tag['tag'] != 'cambreOk' && $tag['tag'] != 'pourMoi' && substr($tag['tag'], 0, 4) != 'auth') {
echo ' ' . $tag['tag'];
}
}
}
echo '">';
echo '<span class="infos">';
echo '<span>' . $date . ' </span>';
echo '<a href=" ' . $url . '" target="_blank">' . ($title ? $title : '----') . '</a>';
echo '<sup>';
echo '">';
echo '<span class="infos">';
echo '<span>' . $date . ' </span>';
echo '<a href=" ' . $url . '" target="_blank">' . ($title ? $title : '----') . '</a>';
echo '<sup>';
foreach ($tags as $tag) {
if ($tag['tag'] != 'notShowed' && $tag['tag'] != 'cambreOk' && $tag['tag'] != 'pourMoi' && substr($tag['tag'], 0, 4) != 'auth') {
echo ' <span>' . $tag['tag'] . '</span>';
}
}
echo '</sup>';
foreach ($tags as $tag) {
if ($tag['tag'] != 'notShowed' && $tag['tag'] != 'cambreOk' && $tag['tag'] != 'pourMoi' && substr($tag['tag'], 0, 4) != 'auth') {
echo ' <span>' . $tag['tag'] . '</span>';
if (substr($tag['tag'], 0, 4) == 'auth') {
echo '<span class="author"> proposé par ' . substr($tag['tag'], 7) . '</span>';
}
}
echo '</sup>';
foreach ($tags as $tag) {
if (substr($tag['tag'], 0, 4) == 'auth') {
echo '<span class="author"> proposé par ' . substr($tag['tag'], 7) . '</span>';
}
}
echo '</span>';
echo ' <p>'. $abstract . '</p>';
// echo '<div class="img"><img data-src="'. $url .'" /></div>';
echo '<div class="iframe"><iframe data-src="'. $url .'"></iframe></div>';
echo '</div>';
echo '</span>';
echo ' <p>'. $abstract . '</p>';
echo '<div class="iframe"><iframe data-src="'. $url .'"></iframe></div>';
echo '</div>';
}
}
}
}
echo '</div>';
include('inc/foot.php');
......
......@@ -75,15 +75,15 @@ function marginItems(item){
item.each(function(){
if (i < $(window).width() / 1.5) {
$(this).css({marginLeft: i + 'px'});
i = i * 1.3;
i = i * 1.2;
j = $(window).width() / 1.5;
} else if (j < .1){
i = .1;
$(this).css({marginLeft: i + 'px'});
i = i * 1.35;
i = i * 1.2;
} else {
$(this).css({marginLeft: j + 'px'});
j = j / 1.35;
j = j / 1.2;
}
})
}
......
......@@ -34,6 +34,17 @@ body{
color: black;
}
.tags{
position: fixed;
top: 0;
left: 0;
right: 0;
background: white;
z-index: 10;
margin: 0;
padding: 10px;
}
ul li,
ul li h1{
display: inline;
......@@ -46,11 +57,11 @@ ul li:not(:nth-of-type(1)){
padding: 0 3px;
}
ul li:after{
/* content: ' ~ '; */
.items{
margin-top: 40px;
}
.item {
/* transform: skewY(.75deg); */
transform-origin: 0 0;
line-height: 1.25rem;
}
......@@ -104,8 +115,8 @@ sup span{
z-index: 10;
bottom: 10px;
right: 25px;
width: 150vw;
height: 75vw;
width: 100vw;
height: 50vw;
transform: scale(.35) skew(0deg) !important;
transform-origin: 100% 100%;
background: white !important;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment