├── 1maslipas.png ├── LICENSE ├── README.md ├── db_blog.js └── index.html /1maslipas.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CusMeDroid/blog/fb853124d05508fdea44198f7b5e32c2f551c2e7/1maslipas.png -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2022 CusMeDroid 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # blog 2 | This a link blogspot by cusmedroid relayout sheet style kimochi 3 | -------------------------------------------------------------------------------- /db_blog.js: -------------------------------------------------------------------------------- 1 | let url = 'https://docs.google.com/spreadsheets/d/1QfSy1t10qZKRmbdyOYCzAWqIYv2-UTN9Am34W2u2DQo/gviz/tq?'; 2 | const lkjs = document.querySelector('.lkjs'); 3 | const query = encodeURIComponent('Select B,C,D,E'); 4 | console.log(query); 5 | url = url + '&tq=' + query; 6 | 7 | fetch(url) 8 | .then(res => res.text()) 9 | .then(rep => { 10 | const data = JSON.parse(rep.substr(47).slice(0,-2)); 11 | const container = document.createElement('div'); 12 | container.setAttribute('class', 'row marbo'); 13 | data.table.rows.forEach((main)=>{ 14 | lkjs.append(container); 15 | console.log(main.c[0]); 16 | const imgna = main.c[0]; 17 | console.log(main.c[1]); 18 | const titlena = main.c[1]; 19 | console.log(main.c[2]); 20 | const descna = main.c[2]; 21 | console.log(main.c[3]); 22 | const linkna = main.c[3]; 23 | const fullLink = imgna.v; 24 | const fullTit = titlena.v; 25 | const fullDes = descna.v; 26 | const fullHref = linkna.v; 27 | console.log(fullLink); 28 | const column = document.createElement('div'); 29 | const card = document.createElement('div'); 30 | const link = document.createElement('a'); 31 | const elem = document.createElement('img'); 32 | const huah = document.createElement('h2'); 33 | const desc = document.createElement('p'); 34 | const bbtn = document.createElement('button'); 35 | const hreff = document.createElement('a'); 36 | column.setAttribute('class', 'column2'); 37 | card.setAttribute('class', 'card'); 38 | link.setAttribute('href', fullLink); 39 | link.setAttribute('target', '_blank'); 40 | link.setAttribute('title', 'CusMeDroid'); 41 | link.setAttribute('style', 'display: block;'); 42 | elem.setAttribute('src', fullLink); 43 | elem.setAttribute('title', fullTit); 44 | elem.setAttribute('alt', fullTit); 45 | elem.setAttribute('class', 'card-img'); 46 | huah.innerHTML = fullTit; 47 | huah.setAttribute('class', 'black Audiowide padd-8'); 48 | desc.innerHTML = fullDes; 49 | desc.setAttribute('class', 'padd-8 Trirong'); 50 | bbtn.setAttribute('class', 'Trirong green radius-20 blog-btn'); 51 | hreff.setAttribute('href', fullHref); 52 | hreff.setAttribute('target', '_blank'); 53 | hreff.setAttribute('title', 'Read More '+fullTit); 54 | hreff.innerHTML = 'More...'; 55 | hreff.setAttribute('class', 'padd-4 Trirong white size-16'); 56 | 57 | container.appendChild(column); 58 | column.appendChild(card); 59 | card.appendChild(link); 60 | link.appendChild(elem); 61 | card.appendChild(huah); 62 | card.appendChild(desc); 63 | bbtn.appendChild(hreff); 64 | card.appendChild(bbtn); 65 | }) 66 | console.log(data); 67 | }) 68 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Blogs | CusMeDroid 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 30 | 31 | 32 |
33 | 44 |
45 |
46 |
47 |

Wellcome

48 |

Buddy's

49 |

All about my blogs.

50 |
51 |
52 |
53 |
54 | IyoRTML 55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 | 65 |
66 | Home 67 | Blogs 68 | Search 69 |
70 | 71 |
72 | Wellcome, Buddy's. 73 |

We know life is not what we expected, nor is there always a plan to form a new plan. Make an effort and create a plan Z.

74 |
75 | 76 | 77 | 78 |
79 |

Blogs

80 |
81 |
82 |
83 |
84 |
85 |
86 |

Ads

87 | 88 | Maslipas 89 | 90 | 91 | iExperimen 92 | 93 |
94 |
95 |
96 |
97 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | --------------------------------------------------------------------------------