https://www.zypper.net/

扫描 ID：: b063ec6d-b60e-4700-ad48-e8165b66b700已完成
提交的 URL：: https://www.zypper.net/
报告完成时间：: 2024年11月15日 07:45:40
链接 · 找到 4 个

从页面中识别出的传出链接
链接	文本
https://mas.to/@apollon
https://web.brid.gy/r/https://zypper.net/
https://creativecommons.org/licenses/by-nc-sa/4.0/?ref=chooser-v1	CC BY-NC-SA 4.0
https://bearblog.dev	Bear ʕ•ᴥ•ʔ
JavaScript 变量 · 找到 6 个

在页面窗口对象上加载的全局 JavaScript 变量是在函数外部声明的变量，可以从当前范围内的代码中的任何位置访问
名称	类型
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
__cfQR	object
__cfBeacon	object
__cfRLUnblockHandlers	boolean
控制台日志消息 · 找到 0 条

记录到 Web 控制台的消息
HTML

页面的原始 HTML 正文
<!DOCTYPE html><html lang="en"><head>
  
  
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5">
  
  <title>ʕ•ᴥ•ʔ zypper</title>
  <link rel="canonical" href="https://www.zypper.net">
  


<meta name="zypper" content="look-for-the-bear-necessities">

<!-- Primary Meta Tags -->
<meta name="title" content="ʕ•ᴥ•ʔ zypper">
<meta name="description" content="Personal blog documenting my digital journey with political and climate change despair sprinkled here and there. And also a bit about my music listening adventures...">

<!-- Open Graph / Facebook -->
<meta property="og:site_name" content="ʕ•ᴥ•ʔ zypper">
<meta property="og:title" content="ʕ•ᴥ•ʔ zypper">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.zypper.net">
<meta property="og:description" content="Personal blog documenting my digital journey with political and climate change despair sprinkled here and there. And also a bit about my music listening adventures...">
<meta property="og:image" content="https://bear-images.sfo2.cdn.digitaloceanspaces.com/zypper/apollon.webp">


<!-- Twitter -->
<meta property="twitter:card" content="summary">
<meta property="twitter:url" content="https://www.zypper.net">
<meta property="twitter:title" content="ʕ•ᴥ•ʔ zypper">
<meta property="twitter:description" content="Personal blog documenting my digital journey with political and climate change despair sprinkled here and there. And also a bit about my music listening adventures...">
<meta property="twitter:image" content="https://bear-images.sfo2.cdn.digitaloceanspaces.com/zypper/apollon.webp">



<!-- Microdata -->
<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "website",
    "name": "ʕ•ᴥ•ʔ zypper",
    "url": "https://www.zypper.net",
    "description": "Personal blog documenting my digital journey with political and climate change despair sprinkled here and there. And also a bit about my music listening adventures...",
    "about": {
      "@type": "ʕ•ᴥ•ʔ zypper",
      "description": "Personal blog documenting my digital journey with political and climate change despair sprinkled here and there. And also a bit about my music listening adventures..."
    }
  }
</script>
<link rel="alternate" type="application/atom+xml" href="/feed/">
<link rel="alternate" type="application/rss+xml" href="/feed/?type=rss">

  

<meta name="fediverse:creator" content="@[email protected]">
</head><body class="home" onload="(function() { document.cookie = `timezone=${Intl.DateTimeFormat().resolvedOptions().timeZone};path=/`; })()"><a rel="me" href="https://mas.to/@apollon"></a>
<a rel="me" href="https://web.brid.gy/r/https://zypper.net/"></a>



  
  
  
    
        <link rel="shortcut icon" href="https://bear-images.sfo2.cdn.digitaloceanspaces.com/zypper/favicon-1.webp">
    



  <style>
      
      
@import url('https://fonts.cdnfonts.com/css/avenir');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');
:root {
    --width: 720px;
    --font-main: Avenir, sans-serif;
    --font-secondary: Roboto Mono, sans-serif;
    --font-scale: 1em;
    --background-color: #fff;
    --heading-color: #222;
    --text-color: #444;
    --link-color: #084106;
    --visited-color:  #084106;
    --code-background-color: #f2f2f2;
    --code-color: #222;
    --blockquote-color: #222;
  	--accent-color: #98f29f;
  	--border-radius: 5px;
}

body {
    font-family: var(--font-secondary);
    font-size: var(--font-scale);
    margin: auto;
    padding: 20px;
    max-width: var(--width);
    text-align: left;
    background-color: var(--background-color);
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.5;
    color: var(--text-color);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-main);
    color: var(--heading-color);
}

a {
    color: var(--link-color);
    cursor: pointer;
    text-decoration: none;
}

a:hover {
    text-decoration: underline; 
}

nav a {
    margin-right: 8px;
}

table {
  width: 100%;
}

strong, b {
    color: var(--heading-color);
}

button {
    margin: 0;
    cursor: pointer;
}

time {
 	font-family: var(--font-secondary);
  	font-style: normal;
  	font-size: 15px;
}

main {
    line-height: 1.6;
}

hr {
    border: 0;
    border-top: 1px dashed;
}

img {
  	margin-left: auto;
  	margin-right: auto;
  	display: block;
    max-width: 100%;
  	border-radius: var(--border-radius);
}

code {
    font-family: var(--font-secondary);
    padding: 2px;
    background-color: var(--code-background-color);
    color: var(--code-color);
    border-radius: var(--border-radius);
}

blockquote {
    border-left: 1px solid #999;
    color: var(--blockquote-color);
  	padding-left: 20px;
}

footer {
    padding: 25px 0;
    text-align: center;
}

.title:hover {
    text-decoration: none;
}

.title h1 {
    font-size: 1.5em;
}

.inline {
    width: auto !important;
}

.highlight, .code {
	padding: 1px 15px;
    background-color: var(--code-background-color);
    color: var(--code-color);
    border-radius: var(--border-radius);
    margin-block-start: 1em;
    margin-block-end: 1em;
    overflow-x: auto;
}

/* blog post list */
ul.blog-posts {
    list-style-type: none;
    padding: unset;
}

ul.blog-posts li {
    display: flex;
}

ul.blog-posts li span {
    flex: 0 0 130px;
}

body {
    font-family: var(--font-main);
    background-color: #d5ffd8;
    color: #084106;
  	margin: auto;
  	width: 90%;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  strong,
  b {
    color: #007a00;
  }

  a {
    color: #080;
  }

@media (prefers-color-scheme: dark) {
    :root {
        --background-color: #01242e;
        --heading-color: #eee;
        --text-color: #ddd;
        --link-color: #bce8c2;
        --visited-color:  #bce8c2;
        --code-background-color: #000;
        --code-color: #ccc;
        --blockquote-color: #ddd;
        --accent-color: #335e36;
    }

    body {
      background-color: #163a1e;
      color: #bce8c2;
      margin: auto;
      width: 90%;
    }
	
  	blockquote {
      color: var(--blockquote-color);
  	}
    
  	h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    strong,
    b {
      color: #72d17a;
    }

    a {
      color: #4fd15e;
    }

    code {
      background-color: #777;
    }
}

/* Gallery */
.gallery ul  {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 21em;
  grid-gap: 1em;
  padding: 20px 0;
  list-style: none;
}
.gallery li {
  position: relative;
  flex-basis: calc(50% - 20px);
}
.gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Gallery for mobile devices */
@media (max-width: 80rem) {
	.gallery ul  {
  		display: grid;
  		grid-template-columns: repeat(2, 1fr);
  		grid-auto-rows: 11em;
  		grid-gap: 1em;
  		padding: 20px 0;
  		list-style: none;
	}
	.gallery li {
  		position: relative;
  		flex-basis: calc(50% - 20px);
	}
	.gallery img {
  		width: 100%;
  		height: 100%;
  		object-fit: cover;
	}
}

/* Form elements */
input, button, textarea, select {
  margin: 0;
  padding: 0;
  font: inherit;
  box-sizing: border-box;
}

legend {
  margin: 20px 0;
  font-weight: bold;
}

label {
  display: block;
  font-weight: bold;
}

input,
textarea {
  margin: 0 0 10px;
  padding: 5px 10px;
  color: var(--text-color);
  background: var(--accent-color);
  border: 2px solid var(--link-color);
  border-radius: var(--border-radius);
}

input {
  width: 55%;
}

textarea {
  width: 95%;
}

input[type=button], input[type=submit], input[type=reset] {
  margin: 0 0 20px;
  padding: 7px;
  font-family: var(--font-secondary);
  font-weight: bold;
  color: var(--background-color);
  background: var(--link-color);
  border-radius: var(--border-radius);
  cursor: pointer;
}
::placeholder {
  color: var(--text-color);
  opacity: 0.8;
}

/* Prettier tags */
.tags a {
  display: inline-block;
  margin: 5px 5px 0 0;
  padding: 4px 9px;
  font-size: 1em;
  text-decoration: none;
  background: var(--accent-color);
  border-radius: var(--border-radius);
}

/* Search */
.blog input {
  margin: auto;
  padding: 6px 12px;
  width: 50%;
  font-family: var(--font-secondary);
  font-size: .8em;
  color: var(--text-color);
  background: var(--accent-color);
  border: 1px solid var(--link-color);
  border-radius: var(--border-radius);
}
.blog ::placeholder {
  color: var(--link-color);
  opacity: inherit;
}

/* Search for mobile devices */
@media (max-width: 80rem) {
  .blog input {
    width: 80%;
  }
  bsky-embed {
    width: 80%;
  }
}

/* Style for <figcaption>Image description</figcaption> */
figcaption {
  display: table;
  width: auto; 
  margin: 0 auto 25px;
  padding: 5px 12px;
  font-family: var(--font-secondary);
  font-size: .8em;
  color: var(--text-color);
  opacity: 0.8;
  text-align: center;
  background: var(--accent-color);
  border-radius: var(--border-radius);
}

/* Print styles */
@media print {
body {
  color: #000;
  background: #fff;
}
h1, h2, h3 {
  line-height: 1.3;
}
a,
main a {
  color: #000;
  text-decoration: none;
}
blockquote,
code {
  margin: 0;
  padding: 0 1.5em;
  background: #fff;
  border: none;
}
nav,
footer,
.tags,
.upvote-button {
  display: none !important;
}
}

/* Upvote button */
.upvote-button svg {
  display: none; 
}
.upvote-button {
  font-family: var(--font-secondary);
}
.upvote-count { 
  font-size: .8em;
}
.upvote-button:hover {
  cursor: pointer;
}
.upvote-button::before {
  content: "☆";
  font-size: 1.5em;
  color: var(--text-color);
}
.upvote-button[disabled] {
  cursor: default;
}
.upvote-button[disabled]::before {
  content: "★";
  font-size: 1.5em;
  color: var(--text-color);
}
.upvote-button.upvoted {
  color: var(--text-color) !important;
}

/* Title with avatar */
.title h1 {
  display: flex;
  margin: 0 0 5px;
  align-items: center;
}
.title h1::before {
  margin: 0 12px 2px 0;
  content: "";
  background: url("https://bear-images.sfo2.cdn.digitaloceanspaces.com/zypper/apollon.webp") no-repeat;
  width: 40px;
  height: 40px;
  background-size: 40px;
  border-radius: 5px;
}

/* Fix Youtube embeds */
.video-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  padding-top: 30px; 
  height: 0; 
  overflow: hidden; 
}

.video-container iframe,
.video-container object,
.video-container embed { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}

/* Odesli iframes */
.odesli iframe {
  border-radius: var(--border-radius);
}

/* 1. Mastodon Embed */
.toots {
  align-items: center;
  max-width: 100%;
  list-style: none;
  padding: 0;
  font-family: var(--font-main);
}

.toot {
  margin: 0.75em;
  border-radius: var(--border-radius);
  background: var(--accent-color);
  padding: 0.75rem;
}

/* 1.1 Posting user. */
.toot .user {
  display: flex;
  flex-flow: column wrap;
  align-content: flex-start;
  justify-content: space-evenly;
  height: 46px;  /* Avatar height. */
  column-gap: 0.5rem;
  text-decoration: none;
  color: inherit;
}

.toot .avatar {
  border-radius: var(--border-radius);
}

.toot .display-name {
  font-weight: bold;
}

.toot .user:hover .display-name {
  text-decoration: underline;
}

.toot .username {
  display: none;
}

.toot time {
  font-family: var(--font-secondary);
  font-size: 0.7em;
  position: relative;
  margin: 10px 0 10px;
  padding: 0.5em;
  color: var(--link-color);
  text-align: right;
  text-transform: uppercase;
  background: var(--background-color);
  border-radius: var(--border-radius);
}

/* 1.2 Boosting user is smaller and above the posting user. */
.toot .boost {
  height: 23px;
  margin-bottom: 0.25rem;
  column-gap: 0.25rem;
}

.toot .boost:before {
  content: "♺";
  font-size: 100%;
}

.toot .boost .display-name {
  font-weight: bold;
}

.toot .boost .username {
  display: none;
}

.toot .permalink {
  text-decoration: none;
  display: block;
  color: #999;
  float: right;
}

.toot .permalink:hover {
  text-decoration: underline;
}

.toot .body {
  clear: both;
  margin-top: 1em;
}

.toot .body a {
  overflow-wrap: anywhere;
}

/* 1.3 Weird trick to keep the text in the page but not display it. */
.toot .body .invisible {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.toot .body .ellipsis::after {
  content: "…";
}

.toot .attachment {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: var(--border-radius);
}

.toot .attachment img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
      
  </style>

  



  
  <header>
    <a class="title" href="/">
      <h1>
        ʕ•ᴥ•ʔ zypper
      </h1>
    </a>
    <nav>
      <p><a href="/">home</a> <a href="/blog/">blog</a> <a href="/microblog/">microblog</a> <a href="/streams/">streams</a> <a href="/guestbook/">guestbook</a></p>

    </nav>
  </header>
  <main>
    



<p>Hi there! I'm Artemis — or Apollon depending on where you know me from —, I'm 19, and I'm excited to share my thoughts and experiences with you on my new blog.</p>
<p>As a naturally shy person, it took me a long time to overcome my inner doubts and create this space, but I'm so glad I did. On this blog, you'll find posts covering a range of topics that are important to me, including:</p>
<ul>
<li>My <a href="https://www.zypper.net/blog/?q=Digital%20Minimalism">digital life</a> and <a href="https://www.zypper.net/blog/?q=Federated%20Networks">experiments</a>,</li>
<li><a href="https://www.zypper.net/blog/?q=Politics">Politics</a>, <a href="https://www.zypper.net/blog/?q=Economics">economics</a> and the <a href="https://www.zypper.net/blog/?q=Climate%20Change">climate</a>,</li>
<li>A lot of <a href="https://www.zypper.net/blog/?q=Philosophy">philosophizing</a>,</li>
<li>And, lastly, my opinions on pop culture and <a href="https://www.zypper.net/blog/?q=Music%20Reviews">music</a>.</li>
</ul>
<p>I'm passionate about maintaining control over my digital life and understanding the broader societal impacts of the technologies we use every day. Through this blog, I hope to explore these issues in a thoughtful and engaging way. I hope you'll find my posts to be informative, thought-provoking, and maybe even a little bit entertaining.</p>
<p>Thank you for visiting, and I look forward to sharing more with you soon!</p>







  </main>
  <footer style="padding:25px 0;">
    

<span id="footer-directive">
<!-- Feeds -->
<p><a href="https://www.zypper.net/feed/?type=rss">rss</a> ·
<a href="https://www.zypper.net/feed/">atom</a></p>
<!-- Search -->
<script src="https://cdn.jsdelivr.net/gh/froodooo/[email protected]/bear/blog-search.js" type="text/javascript"></script>
<!-- License -->
<p xmlns:cc="https://creativecommons.org/ns#">This blog is licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-NC-SA 4.0</a></p>

</span>

<span>
    Powered by <a href="https://bearblog.dev">Bear ʕ•ᴥ•ʔ</a>
</span>

  </footer>
<script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{&quot;rayId&quot;:&quot;8e2d9fb42fee3857&quot;,&quot;version&quot;:&quot;2024.10.5&quot;,&quot;r&quot;:1,&quot;serverTiming&quot;:{&quot;name&quot;:{&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfSpeedBrain&quot;:true,&quot;cfCacheStatus&quot;:true}},&quot;token&quot;:&quot;45a04d2840c544829c7183e5b1926f8f&quot;,&quot;b&quot;:1}" crossorigin="anonymous"></script>

</body></html>