- 扫描 ID:
- 1b5d7555-cb36-41fb-8259-c101b24a8ada已完成
- 提交的 URL:
- https://nohello.net/en/
- 报告完成时间:
链接 · 找到 4 个
从页面中识别出的传出链接
链接 | 文本 |
---|---|
https://www.youtube.com/watch?v=xzpndHtdl9A | mad |
https://web.archive.org/web/20131127020115/http://www.nohello.com/ | nohello.com |
https://en.wikipedia.org/wiki/The_Office_(British_TV_series) | The Office |
https://github.com/nohello-net/site | GitHub |
JavaScript 变量 · 找到 7 个
在页面窗口对象上加载的全局 JavaScript 变量是在函数外部声明的变量,可以从当前范围内的代码中的任何位置访问
名称 | 类型 |
---|---|
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
whyyyyy | string |
Typed | function |
activateWut | function |
__cfBeacon | object |
控制台日志消息 · 找到 0 条
记录到 Web 控制台的消息
HTML
页面的原始 HTML 正文
<!DOCTYPE html><html lang="en" dir="ltr"><head>
<title>no hello</title>
<link rel="stylesheet" type="text/css" href="/css/styles.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<!-- primary meta -->
<meta name="title" content="no hello">
<meta name="description" content="please don't say just hello in chat">
<!-- opengraph/facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://nohello.net/">
<meta property="og:title" content="no hello">
<meta property="og:description" content="please don't say just hello in chat">
<meta property="og:image" content="https://nohello.net/img/XzfE_FYNGc-500.webp">
<!-- twitter -->
<meta property="twitter:card" content="summary">
<meta property="twitter:url" content="https://nohello.net/">
<meta property="twitter:title" content="no hello">
<meta property="twitter:description" content="please don't say just hello in chat">
<meta property="twitter:image" content="https://nohello.net/img/XzfE_FYNGc-500.webp">
<!-- icons -->
<link rel="apple-touch-icon" href="/img/rduOO4qVxo-180.webp">
<link rel="shortcut icon" href="/img/xJUIlk3eTz-180.webp" type="image/x-icon">
<link rel="icon" href="/img/xJUIlk3eTz-180.webp" type="image/x-icon">
<link rel="alternate" hreflang="en" href="https://nohello.net/en">
<link rel="alternate" hreflang="cs" href="https://nohello.net/cs">
<link rel="alternate" hreflang="de" href="https://nohello.net/de">
<link rel="alternate" hreflang="es" href="https://nohello.net/es">
<link rel="alternate" hreflang="fa" href="https://nohello.net/fa">
<link rel="alternate" hreflang="fr" href="https://nohello.net/fr">
<link rel="alternate" hreflang="he" href="https://nohello.net/he">
<link rel="alternate" hreflang="id" href="https://nohello.net/id">
<link rel="alternate" hreflang="it" href="https://nohello.net/it">
<link rel="alternate" hreflang="pl" href="https://nohello.net/pl">
<link rel="alternate" hreflang="pt" href="https://nohello.net/pt">
<link rel="alternate" hreflang="pt-br" href="https://nohello.net/pt-br">
<link rel="alternate" hreflang="ru" href="https://nohello.net/ru">
<link rel="alternate" hreflang="sv" href="https://nohello.net/sv">
<link rel="alternate" hreflang="tr" href="https://nohello.net/tr">
<link rel="alternate" hreflang="uk" href="https://nohello.net/uk">
<link rel="alternate" hreflang="vi" href="https://nohello.net/vi">
<link rel="alternate" hreflang="zh-cn" href="https://nohello.net/zh-cn">
<link rel="alternate" hreflang="x-default" href="https://nohello.net/">
</head>
<body>
<div id="wholesite">
<div class="container">
<div class="hero">
<div id="plsstop">
<h1 class="name">
no
<span id="strike">hello</span><span class="typed-cursor typed-cursor--blink">|</span>
</h1>
</div>
<span class="subtitle">please don't say just hello in chat</span>
<h2 class="lead">
Imagine calling someone on the phone, going <em>hello!</em> then putting them on hold... 🤦♀️
</h2>
</div>
</div>
<div class="container nonos">
<div class="sections sectionleft">
<h2 class="section-title">❌ Don't do this</h2>
<div class="list-card example one">
<div class="slack">
<picture><source type="image/webp" srcset="/img/MxF06xdCHJ-128.webp 128w"><img alt="Keith's Slack avatar" src="/img/MxF06xdCHJ-128.jpeg" width="128" height="128"></picture>
<span class="slackname">Keith</span>
<span class="slacktime">2:15 PM</span><br>
<span class="slackmessage">hi</span>
</div>
<div class="slack">
<picture><source type="image/webp" srcset="/img/CGi-z9VgRi-128.webp 128w"><img alt="Tim's Slack avatar" src="/img/CGi-z9VgRi-128.jpeg" width="128" height="128"></picture>
<span class="slackname">Tim</span>
<span class="slacktime">2:19 PM</span><br>
<span class="slackmessage">...?</span>
</div>
<div class="slack">
<picture><source type="image/webp" srcset="/img/MxF06xdCHJ-128.webp 128w"><img alt="Keith's Slack avatar" src="/img/MxF06xdCHJ-128.jpeg" width="128" height="128"></picture>
<span class="slackname">Keith</span>
<span class="slacktime">2:20 PM</span><br>
<span class="slackmessage">what time was taht thing again?</span>
</div>
<div class="slack">
<picture><source type="image/webp" srcset="/img/CGi-z9VgRi-128.webp 128w"><img alt="Tim's Slack avatar" src="/img/CGi-z9VgRi-128.jpeg" width="128" height="128"></picture>
<span class="slackname">Tim</span>
<span class="slacktime">2:20 PM</span><br>
<span class="slackmessage">oh - 3:30 mate</span>
</div>
</div>
</div>
<div class="sections sectionright">
<div class="list-card">
<div>
<p>Note that Keith could have got his answer minutes sooner, and needn't have kept Tim waiting. In fact, Tim could have started thinking about the question right away!</p>
<p>People who do this are generally trying to be polite by not jumping right into the request, like one would in person or on the phone - and that's great! But it's 2022 and chat is neither of those things. For most people, typing is much slower than talking. So despite best intentions, <strong>you're actually just making the other person wait</strong> for you to phrase your question, which is lost productivity (and kinda annoying).</p>
<p>The same goes for:</p>
<ul>
<li>"Hello, are you around?"</li>
<li>"hi sophie - quick question."</li>
<li>"You got a sec?"</li>
<li>"yt?"</li>
<li>"ping"</li>
<li>etc.</li>
</ul>
<p><strong>Just ask the question!</strong> 😫</p>
</div>
</div>
</div>
</div>
<div class="container yepyep">
<div class="sections sectionleft">
<h2 class="section-title yepyep">✅ Instead try this</h2>
<div class="list-card example two">
<div class="slack">
<picture><source type="image/webp" srcset="/img/4gebfK1xtc-128.webp 128w"><img alt="Dawn's Slack avatar" src="/img/4gebfK1xtc-128.jpeg" width="128" height="128"></picture>
<span class="slackname">Dawn</span>
<span class="slacktime">2:15 PM</span><br>
<span class="slackmessage">Hiya! What time was that thing?</span>
</div>
<div class="slack">
<picture><source type="image/webp" srcset="/img/CGi-z9VgRi-128.webp 128w"><img alt="Tim's Slack avatar" src="/img/CGi-z9VgRi-128.jpeg" width="128" height="128"></picture>
<span class="slackname">Tim</span>
<span class="slacktime">2:15 PM</span><br>
<span class="slackmessage">hey, 3:30</span>
</div>
<div class="slack">
<picture><source type="image/webp" srcset="/img/4gebfK1xtc-128.webp 128w"><img alt="Dawn's Slack avatar" src="/img/4gebfK1xtc-128.jpeg" width="128" height="128"></picture>
<span class="slackname">Dawn</span>
<span class="slacktime">2:15 PM</span><br>
<span class="slackmessage">Ta - seeya then!</span>
</div>
<div class="slack">
<picture><source type="image/webp" srcset="/img/CGi-z9VgRi-128.webp 128w"><img alt="Tim's Slack avatar" src="/img/CGi-z9VgRi-128.jpeg" width="128" height="128"></picture>
<span class="slackname">Tim</span>
<span class="slacktime">2:16 PM</span><br>
<span class="slackmessage">👌 np</span>
</div>
</div>
</div>
<div class="sections sectionright">
<div class="list-card">
<div>
<p>If you feel it's a bit brusque to simply say "Hi" and ask the question, <strong>you can still preface your message with as many pleasantries as you see fit.</strong></p>
<p>For example:</p>
<ul>
<li>"hey man, what's up? also, any idea when that thing's due?"</li>
<li>"Hi there! Hope you're well. I'm after the latest deck, when you get a sec :)"</li>
<li>"hey, if you're not busy, could you update those NFRs?"</li>
<li>etc.</li>
</ul>
<p>It may seem trivial, but asking your question before getting that initial salutatory reply also allows for <strong>asynchronous communication</strong>. If the other party is away, and you leave before they come back, they can still answer your question, instead of just staring at a "Hello" and wondering what they missed.</p>
<p>When done right - everyone's happy! 🎉</p>
</div>
</div>
</div>
</div>
<footer>
<p>
This is kinda only half serious (kinda 👀) so please don't get <a href="https://www.youtube.com/watch?v=xzpndHtdl9A">mad</a> at the person who sent you here.
</p>
<p>
That said, if you see this sites URL as someone's status/bio, be prepared to be ignored if you only say "Hello!"
</p>
<p>
Based on the wonderful <a href="https://web.archive.org/web/20131127020115/http://www.nohello.com/">nohello.com</a>. Avatars taken from <em><a href="https://en.wikipedia.org/wiki/The_Office_(British_TV_series)">The Office</a></em>. Open-source on <a href="https://github.com/nohello-net/site">GitHub</a>.
</p>
<p>
</p>
<section class="other-languages">
<p>
This site is available in:
</p>
<ul>
<li><a href="/en" class="lang-chooser" data-lang="en" hreflang="en">English</a></li>
<li><a href="/cs" class="lang-chooser" data-lang="cs" hreflang="cs">Čeština</a></li>
<li><a href="/de" class="lang-chooser" data-lang="de" hreflang="de">Deutsch</a></li>
<li><a href="/es" class="lang-chooser" data-lang="es" hreflang="es">Español</a></li>
<li><a href="/fa" class="lang-chooser" data-lang="fa" hreflang="fa">فارسی</a></li>
<li><a href="/fr" class="lang-chooser" data-lang="fr" hreflang="fr">Français</a></li>
<li><a href="/he" class="lang-chooser" data-lang="he" hreflang="he">עברית</a></li>
<li><a href="/id" class="lang-chooser" data-lang="id" hreflang="id">Bahasa Indonesia</a></li>
<li><a href="/it" class="lang-chooser" data-lang="it" hreflang="it">Italiano</a></li>
<li><a href="/pl" class="lang-chooser" data-lang="pl" hreflang="pl">Polski</a></li>
<li><a href="/pt" class="lang-chooser" data-lang="pt" hreflang="pt">Português</a></li>
<li><a href="/pt-br" class="lang-chooser" data-lang="pt-br" hreflang="pt-br">Português do Brasil</a></li>
<li><a href="/ru" class="lang-chooser" data-lang="ru" hreflang="ru">русский</a></li>
<li><a href="/sv" class="lang-chooser" data-lang="sv" hreflang="sv">svenska</a></li>
<li><a href="/tr" class="lang-chooser" data-lang="tr" hreflang="tr">Türkçe</a></li>
<li><a href="/uk" class="lang-chooser" data-lang="uk" hreflang="uk">Українська</a></li>
<li><a href="/vi" class="lang-chooser" data-lang="vi" hreflang="vi">Tiếng Việt</a></li>
<li><a href="/zh-cn" class="lang-chooser" data-lang="zh-cn" hreflang="zh-cn">简体中文</a></li>
</ul>
</section>
<script>
const langChoosers = document.querySelectorAll('.lang-chooser');
for (const langChooser of langChoosers) {
const lang = langChooser.dataset.lang;
langChooser.addEventListener('click', (evt) => {
localStorage.setItem('lang', lang);
});
}
</script>
</footer>
</div>
<div id="preloadimg"></div>
<style type="text/css">
#preloadimg.now {
background: url(/img/Lz_GRWdPcu-220.webp) no-repeat -9999px -9999px;
}
</style>
<script>
whyyyyy = "url('/img/Lz_GRWdPcu-220.webp')"
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<script src="/js/nohello.js"></script><style type="text/css" data-typed-js-css="true">
.typed-cursor{
opacity: 1;
}
.typed-cursor.typed-cursor--blink{
animation: typedjsBlink 0.7s infinite;
-webkit-animation: typedjsBlink 0.7s infinite;
animation: typedjsBlink 0.7s infinite;
}
@keyframes typedjsBlink{
50% { opacity: 0.0; }
}
@-webkit-keyframes typedjsBlink{
0% { opacity: 1; }
50% { opacity: 0.0; }
100% { opacity: 1; }
}
</style>
<script src="/js/hello.js"></script>
<!-- Cloudflare Pages Analytics --><script defer="" src="https://static.cloudflareinsights.com/beacon.min.js" data-cf-beacon="{"token": "68ea3b3051d14cadbf42d0067031239a"}"></script><!-- Cloudflare Pages Analytics -->
</body></html>