https://destan.dev/java-the-german-shepherd-dog/

1<!doctype html>
2<html lang="en">
3<head>
4  <meta charset="utf-8">
5  <meta content="width=device-width, initial-scale=1" name="viewport">
6
7  <title>Java the German Shepherd Dog 963007200012338</title>
8  <meta content="Java the German Shepherd Dog 963007200012338" name="description">
9  <meta content="Destan Sarpkaya" name="author">
10
11  <meta content="Java the German Shepherd Dog 963007200012338" property="og:title">
12  <meta content="Destan Sarpkaya's personal website" property="og:site_name">
13  <meta content="https://destan.dev/java-the-german-shepherd-dog" property="og:url">
14  <meta content="Java the German Shepherd Dog 963007200012338 microchip mikroçip numarası" property="og:description">
15  <meta content="profile" property="og:type">
16  <meta content="https://destan.dev/images/963007200012338.jpg" property="og:image">
17
18  <meta content="summary_large_image" name="twitter:card">
19  <meta content="@dorukdestan" name="twitter:site">
20  <meta content="Java the German Shepherd Dog" name="twitter:description">
21  <meta content="Java the German Shepherd Dog" name="twitter:title">
22  <meta content="https://destan.dev/images/963007200012338.jpg" name="twitter:image">
23
24  <link href="/favicon.ico" rel="icon">
25  <link href="/favicon.svg" rel="icon" type="image/svg+xml">
26  <link href="/apple-touch-icon.png" rel="apple-touch-icon">
27
28  <link href="https://fonts.googleapis.com" rel="preconnect">
29  <link crossorigin href="https://fonts.gstatic.com" rel="preconnect">
30  <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap" rel="stylesheet">
31
32  <link href="styles.css?v=1.0" rel="stylesheet">
33
34  <!-- Global site tag (gtag.js) - Google Analytics -->

34
35  <script async src="https://www.googletagmanager.com/gtag/js?id=

35G-0KJ5Z3CV3H

35"></script>
36  

36<script>
37    

37window.dataLayer = window.dataLayer || [];
38
39    function gtag() {
40      dataLayer.push(arguments);
41    }
42
43    gtag('js', new Date());
44
45    gtag('config', '

45G-0KJ5Z3CV3H

45');
46  

46</script>

46
47  

47<script async src="https://cdn.jsdelivr.net/npm/publicalbum@latest/embed-ui.min.js"></script>

47
48  

48<script>
49    function setClipboard(text) {
50      const type = "text/plain";
51      const blob = new Blob([text], { type });
52      const data = [new ClipboardItem({ [type]: blob })];
53      navigator.clipboard.write(data);
54    }
55  </script>

55
56</head>
57<body>
58<section id="about">
59  <div id="nameContainer">
60    <h1>
61      Java
62    </h1>
63    <h2>
64      A SAR dog
65    </h2>
66  </div>
67</section>
68<section id="lifeTimeline">
69  <div>
70    <span class="empty">|</span>
71    <span>2025 <span class="job" title="1st place">&#129351;</span>IRO RH-FL A (Istanbul)</span>
72    <span class="empty">|</span>
73    <span>2024 <span class="job" title="2nd place">&#129352;</span>FCI RH-FL A (Istanbul)</span>
74    <span class="empty">|</span>
75    <span>2024 <span class="job">&#127941;</span> BH (Izmir)</span>
76    <span class="empty">|</span>
77    <span>2023 <span class="job" title="1st place">&#129351;</span>IRO RH-FL V (Kusadasi)</span>
78    <span class="empty">|</span>
79    <span>2023 <span class="job">&#127941;</span>AFAD Eğitim Yeterlilik (Rubble) (Izmir)</span>
80    <span class="empty">|</span>
81    <span>2023 <span class="job">&#127941;</span>IRO RH-MT V (Istanbul)</span>
82    <span class="empty">|</span>
83    <span>2022 <span class="job">&#127941;</span> BH & SKS (Izmir)</span>
84    <span class="empty">|</span>
85    <span>2020 ● Born</span>
86    <span class="empty">|</span>
87  </div>
88</section>
89<section id="social">
90  <iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FAKUT%2Fposts%2Fpfbid02Z8bksLqW5bBsZiZXv3Gba5CEVgK2wSQLDqVk4eUmA1ysAce2qvjrEVgYHCx4snMml&show_text=true&width=500" width="500" height="690" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
91</section>
92<section id="details">
93  <!--  https://www.publicalbum.org/blog/embedding-google-photos-albums-->
94  <div class="pa-gallery-player-widget" data-background-color="#556985"
95       data-description="Java the German Shepherd Dog 963007200012338"
96       data-link="https://photos.app.goo.gl/JV6QTgGNxevif6dN9"
97       data-title="Java the German Shepherd Dog"
98       data-delay="5"
99       style="width:100%; height:100%; display:none;">
100    <object data="https://lh3.googleusercontent.com/pw/AIL4fc_D-bOwzpPVcDE2mgP3i9WjZqQYGS9l87o3jCkjt3XY30kGGGoQ8KQ1GevK7atJ4cz-V9s9uTdlvwP8ljwqLOSyKOHtdFoEAqqouLrQeNfqpBAr1GWS=w1920-h1080"></object>
101    <object data="https://lh3.googleusercontent.com/pw/AIL4fc9Z3jfgh-yWyMyQbg-JDaFzusTk_8xQRbJJopOlcASosNyJW4QKEZCta2GCTAcC1-CHpThwO8lVAwcnIC05UQ_fza-5oNt1UgGE-Z5S3kC_L3yxM_VY=w1920-h1080"></object>
102    <object data="https://lh3.googleusercontent.com/pw/AIL4fc9yqb_tEhHMqR3yAu5Fsp-JbRONAbvKEl0j4bgcxLgYA4_IcVOxnMR1JiXo4KDLeF3Rcp5AAYbKwd5lKz7EsbFYobw-tGoC49Uqkv9P2eEcP8vbYchk=w1920-h1080"></object>
103    <object data="https://lh3.googleusercontent.com/pw/AIL4fc_mL7i5ImpTy6izsXU230rzWkLNuz4G46QdPs1cqzaf_FcUqsmyWIomhBq_3VW1clyxyeSFcayAojlV_zW6YqglKuyCBIzT29q4hqpLXAS3cw-vAofo=w1920-h1080"></object>
104    <object data="https://lh3.googleusercontent.com/pw/AIL4fc885JmberBOiq5FJkUBvTTD-u1WVWdXsuzuOS0qVP3fTHlHoXptoOy3V38H8tXvxmyHcCagcI5WZwKDzhJa8kF5WpV_VdfwlKCqNJJtIJjV6PJ5J_ro=w1920-h1080"></object>
105    <object data="https://lh3.googleusercontent.com/pw/AIL4fc_Nq3MzngF9x1MVtA3_-kgw_D2-rMu0z9Sv3dhd_feypUPG__F4GDi2vGq9GQwgKL3i0n-Tgte-BMweATqbZM6GOjHAsxoK-LojwqZphCb1EVshS1wZ=w1920-h1080"></object>
106    <object data="https://lh3.googleusercontent.com/pw/AIL4fc-m0Iy0zpxZN8niutjaK5ZdMp4LAiVyXb1P_RmmJbder9_4674Gbg4G8G4o-XYlmCq-hX9d_ihICOto-g2v-XTRZuvydFYE2dI5DnmpdSBdJ1FuRT2X=w1920-h1080"></object>
107    <object data="https://lh3.googleusercontent.com/pw/AIL4fc8moY-X2qNkz1b8j_CPRviMAzsj21Egfnxa-KQ_5Rbrrnxk4wbqq

107VyJjlN1tnh1LLK2CbYImfCUjuAZN5V5rfFrienjIYbyadwxpmZ8ke9pf6salRel=w1920-h1080"></object>
108  </div>
109
110</section>
111<section id="contact">
112  <div style="cursor: pointer;" onclick="setClipboard('963007200012338')">mikroçip microchip 963007200012338 📋</div>
113  <div style="cursor: pointer;" onclick="setClipboard('KIF-GSB-GSD-0553')">KIF-GSB-GSD-0553 📋</div>
114  <div>male german shepherd dog</div>
115</section>
116

117<script>
118  const style =
119          `<style>
120            .jx-media-item {
121            background-size: cover !important;
122            background-position: 50% !important;
123            background-repeat: no-repeat !important;
124            }
125
126            .jx-imageset {
127            backdrop-filter: blur(10px);
128            }
129          </style>`
130
131
132  const details = document.getElementById("details");
133  const config = { attributes: false, childList: true, subtree: true };
134  const callback = (mutationList, observer) => {
135    for (const mutation of mutationList) {
136      if (mutation.type === "childList" && mutation.addedNodes.length > 0 && mutation.addedNodes.item(0).tagName.toLowerCase() === 'iframe') {
137
138        const theIframe = mutation.addedNodes.item(0);
139        theIframe.addEventListener('load', function() {
140          this.contentDocument.head.insertAdjacentHTML('afterbegin', style);
141
142          this.contentDocument.querySelectorAll('.jx-media-item.jx-swipe-base-child').forEach(el => {
143            el.style.background = `url(${el.querySelectorAll('img')[1].src})`;
144          });
145        });
146
147      }
148    }
149  };
150  const observer = new MutationObserver(callback);
151  observer.observe(details, config);
152
153 //document.querySelector('iframe').contentDocument.querySelector('.jx-swipe-base').style.background = `url(${document.querySelector('iframe').contentDocument.querySelector('div.jx-media-item[style*="opacity: 1"]').querySelectorAll('img')[1].src})`
154</script>

154
155</body>
156</html>