hello
This commit is contained in:
parent
749310f99f
commit
ff46b9b1f5
9 changed files with 8666 additions and 46 deletions
|
|
@ -1,52 +1,71 @@
|
|||
.photos-list {
|
||||
|
||||
.photos-list-title {
|
||||
margin-bottom: 1em;
|
||||
.fa {
|
||||
margin-right: 10px;
|
||||
.photos-list-title {
|
||||
margin-bottom: 1em;
|
||||
.fa {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.photos-list-photos {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
grid-column-gap: 1.2em;
|
||||
grid-row-gap: 1.2em;
|
||||
justify-content: center;
|
||||
}
|
||||
.photos-list-photos {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
grid-column-gap: 1.2em;
|
||||
grid-row-gap: 1.2em;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.photos-list-item {
|
||||
border-radius: 5px;
|
||||
height: 17.5em;
|
||||
min-width: 14em;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
opacity: 1;
|
||||
display: block;
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
.photos-list-item {
|
||||
border-radius: 5px;
|
||||
height: 17.5em;
|
||||
/*min-width: 14em;*/
|
||||
width:17.5em;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
opacity: 1;
|
||||
display: block;
|
||||
transition: opacity 0.2s;
|
||||
span#caption{
|
||||
display:none;
|
||||
background-color:rgba(27, 27,27, 0.7);
|
||||
color:white;
|
||||
width:17.5em;
|
||||
overflow:auto;
|
||||
height:17.5em;
|
||||
word-wrap:break-word;
|
||||
word-break:break-word;
|
||||
padding:10px;
|
||||
text-decoration:none!important;
|
||||
}
|
||||
|
||||
.photos-list-item:hover {
|
||||
opacity: 0.8;
|
||||
cursor: pointer;
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
}
|
||||
.photos-list-item:hover {
|
||||
opacity: 0.8;
|
||||
cursor: pointer;
|
||||
transition: opacity 0.2s;
|
||||
span#caption{
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
|
||||
.photos-more {
|
||||
float: right;
|
||||
}
|
||||
.photos-more {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: $responsive-medium) {
|
||||
.photos-list {
|
||||
.photos-list-photos {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
.photos-list {
|
||||
.photos-list-photos {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
/*.photos-list-item {
|
||||
min-width: 17.5em;
|
||||
span#caption{
|
||||
width:calc(17.5em - 10px);
|
||||
}
|
||||
}*/
|
||||
}
|
||||
.photos-list-item {
|
||||
min-width: 17.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ $responsive-large: 1500px;
|
|||
|
||||
|
||||
@import "tailwind.min";
|
||||
@import url('https://fonts.googleapis.com/css?family=Audiowide|Roboto+Slab');
|
||||
@import "robotocss";
|
||||
@import url('https://use.fontawesome.com/releases/v5.3.1/css/all.css');
|
||||
|
||||
@import "variables";
|
||||
|
|
|
|||
12
assets/scss/robotocss.css
Normal file
12
assets/scss/robotocss.css
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
@font-face {
|
||||
font-family: 'Audiowide';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url(/v20.ttf) format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto Slab';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url(/v34.ttf) format('truetype');
|
||||
}
|
||||
8579
import.insta.json
Normal file
8579
import.insta.json
Normal file
File diff suppressed because it is too large
Load diff
1
import.insta.time
Normal file
1
import.insta.time
Normal file
|
|
@ -0,0 +1 @@
|
|||
1716727790
|
||||
18
index.gzodp
18
index.gzodp
|
|
@ -8,10 +8,19 @@ $opts = [
|
|||
]
|
||||
];
|
||||
$context = stream_context_create($opts);
|
||||
$u = "test.json";//"https://www.instagram.com/graphql/query/?query_hash=e769aa130647d2354c40ea6a439bfc08&variables=%7B%22id%22%3A%225408546825%22,%20%22first%22%3A%2250%22,%20%22after%22%3A%20%22%22%7D";
|
||||
$json = file_get_contents($u, false, $context);
|
||||
$data = json_decode($json, true);
|
||||
$raw = $data['data']['user']['edge_owner_to_timeline_media']['edges'];
|
||||
$raw = [];
|
||||
if(intval(file_get_contents("import.insta.time"))<(time()-(3600*12))){
|
||||
$u = "https://www.instagram.com/graphql/query/?query_hash=e769aa130647d2354c40ea6a439bfc08&variables=%7B%22id%22%3A%225408546825%22,%20%22first%22%3A%2250%22,%20%22after%22%3A%20%22%22%7D";
|
||||
$json = file_get_contents($u, false, $context);
|
||||
$data = json_decode($json, true);
|
||||
$raw = $data['data']['user']['edge_owner_to_timeline_media']['edges'];
|
||||
file_put_contents("import.insta.json",json_encode($raw, JSON_PRETTY_PRINT));
|
||||
file_put_contents("import.insta.time",strval(time()));
|
||||
}else{
|
||||
$u = "import.insta.json";
|
||||
$json = file_get_contents($u);
|
||||
$raw= json_decode($json,true);
|
||||
}
|
||||
$medias = [];
|
||||
foreach ($raw as $rawMedia) {
|
||||
$rawMedia = $rawMedia['node'];
|
||||
|
|
@ -61,6 +70,7 @@ class="photos-list-item"
|
|||
href="<?=$m["link"]?>"
|
||||
target="_blank"
|
||||
>
|
||||
<span id=caption><?=htmlspecialchars($m["caption"])?></span>
|
||||
</a>
|
||||
<?php
|
||||
}
|
||||
|
|
|
|||
BIN
static/v20.ttf
Normal file
BIN
static/v20.ttf
Normal file
Binary file not shown.
BIN
static/v34.ttf
Normal file
BIN
static/v34.ttf
Normal file
Binary file not shown.
File diff suppressed because one or more lines are too long
Loading…
Add table
Add a link
Reference in a new issue