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 {
|
||||||
|
|
||||||
.photos-list-title {
|
.photos-list-title {
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
.fa {
|
.fa {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.photos-list-photos {
|
.photos-list-photos {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(4, 1fr);
|
grid-template-columns: repeat(4, 1fr);
|
||||||
grid-column-gap: 1.2em;
|
grid-column-gap: 1.2em;
|
||||||
grid-row-gap: 1.2em;
|
grid-row-gap: 1.2em;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.photos-list-item {
|
.photos-list-item {
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
height: 17.5em;
|
height: 17.5em;
|
||||||
min-width: 14em;
|
/*min-width: 14em;*/
|
||||||
background-size: cover;
|
width:17.5em;
|
||||||
background-position: center;
|
background-size: cover;
|
||||||
opacity: 1;
|
background-position: center;
|
||||||
display: block;
|
opacity: 1;
|
||||||
transition: opacity 0.2s;
|
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;
|
.photos-list-item:hover {
|
||||||
cursor: pointer;
|
opacity: 0.8;
|
||||||
transition: opacity 0.2s;
|
cursor: pointer;
|
||||||
}
|
transition: opacity 0.2s;
|
||||||
|
span#caption{
|
||||||
|
display:block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.photos-more {
|
.photos-more {
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media (max-width: $responsive-medium) {
|
@media (max-width: $responsive-medium) {
|
||||||
.photos-list {
|
.photos-list {
|
||||||
.photos-list-photos {
|
.photos-list-photos {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex-wrap: wrap;
|
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 "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 url('https://use.fontawesome.com/releases/v5.3.1/css/all.css');
|
||||||
|
|
||||||
@import "variables";
|
@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);
|
$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";
|
$raw = [];
|
||||||
$json = file_get_contents($u, false, $context);
|
if(intval(file_get_contents("import.insta.time"))<(time()-(3600*12))){
|
||||||
$data = json_decode($json, true);
|
$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";
|
||||||
$raw = $data['data']['user']['edge_owner_to_timeline_media']['edges'];
|
$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 = [];
|
$medias = [];
|
||||||
foreach ($raw as $rawMedia) {
|
foreach ($raw as $rawMedia) {
|
||||||
$rawMedia = $rawMedia['node'];
|
$rawMedia = $rawMedia['node'];
|
||||||
|
@ -61,6 +70,7 @@ class="photos-list-item"
|
||||||
href="<?=$m["link"]?>"
|
href="<?=$m["link"]?>"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
<span id=caption><?=htmlspecialchars($m["caption"])?></span>
|
||||||
</a>
|
</a>
|
||||||
<?php
|
<?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