testimonials section

This commit is contained in:
Abdenasser 2024-11-12 22:08:41 +01:00
parent 155c756015
commit 6994dc4ede
3 changed files with 169 additions and 1 deletions

View File

@ -40,6 +40,7 @@
<a href="#features">Features</a>
<a href="#download">Download</a>
<a href="#install">Install</a>
<a href="#testimonials">Testimonials</a>
<a href="#faq">FAQ</a>
<button id="themeToggle" class="theme-toggle" aria-label="Toggle theme">
<span class="theme-icon">🌙</span>
@ -259,6 +260,136 @@
</div>
</section>
<section id="testimonials" class="testimonials">
<h2 class="section-title">What People Are Saying</h2>
<div class="testimonial-grid">
<blockquote class="twitter-tweet">
<p lang="en" dir="ltr">Neohtop is absolutely beautiful to look at. Its a modern system monitor inspired by
htop, providing real-time insights into CPU, memory, disk, and network usage. A work of art! <a
href="https://t.co/TAzCIEb8uF">pic.twitter.com/TAzCIEb8uF</a></p>&mdash; JoeyBaggaDonuts (@haxxusj) <a
href="https://twitter.com/haxxusj/status/1854590782684250487?ref_src=twsrc%5Etfw">November 7, 2024</a>
</blockquote>
<blockquote class="twitter-tweet">
<p lang="zh" dir="ltr">Htop 加强版: NeoHtop<br>基于 Svelte、Rust 和 Tauri 构建的现代化、跨平台的系统监控工具<a
href="https://t.co/OtWlxxrCHZ">https://t.co/OtWlxxrCHZ</a> <a
href="https://t.co/2MK9n8rZVw">pic.twitter.com/2MK9n8rZVw</a></p>&mdash; Geek (@geekbb) <a
href="https://twitter.com/geekbb/status/1854081285846888881?ref_src=twsrc%5Etfw">November 6, 2024</a>
</blockquote>
<blockquote class="twitter-tweet">
<p lang="zh" dir="ltr">💻 NeoHtop现代跨平台系统监视器实时追踪 CPU 和内存使用,支持进程管理。<br><br>基于 Svelte、Rust 和 Tauri
构建,轻量高效,非常适合日常系统监控!<br><br>👉 <a href="https://t.co/MaOIMMbbPV">https://t.co/MaOIMMbbPV</a> <a
href="https://t.co/rFLyULJVei">https://t.co/rFLyULJVei</a> <a
href="https://t.co/6c6hGOeiLa">pic.twitter.com/6c6hGOeiLa</a></p>&mdash; 小弟调调 (@jaywcjlove) <a
href="https://twitter.com/jaywcjlove/status/1854089502853357880?ref_src=twsrc%5Etfw">November 6, 2024</a>
</blockquote>
<blockquote class="twitter-tweet">
<p lang="en" dir="ltr">neoHTOP: A modern, cross-platform system monitor built on top of Svelte, Rust and
Tauri<a href="https://t.co/MKZ53ZThKv">https://t.co/MKZ53ZThKv</a></p>&mdash; Nitin (@gniting) <a
href="https://twitter.com/gniting/status/1853920938976223463?ref_src=twsrc%5Etfw">November 5, 2024</a>
</blockquote>
<blockquote class="twitter-tweet">
<p lang="en" dir="ltr">🚀 Introducing NeoHtop, the ultimate process monitoring tool for all your system needs!
🖥️ Say goodbye to clunky, outdated monitors and hello to a modern, native solution with a clean and
user-friendly interface. 🤩 With NeoHtop, you can easily keep track of your system&#39;s… <a
href="https://t.co/qq8cXI8Qq1">pic.twitter.com/qq8cXI8Qq1</a></p>&mdash; Durgesh Gupta (@ilearnbydoing) <a
href="https://twitter.com/ilearnbydoing/status/1854037593987428754?ref_src=twsrc%5Etfw">November 6, 2024</a>
</blockquote>
<blockquote class="twitter-tweet">
<p lang="zxx" dir="ltr"><a href="https://t.co/2EoanAOvYL">https://t.co/2EoanAOvYL</a></p>&mdash; Tom Dörr
(@tom_doerr) <a href="https://twitter.com/tom_doerr/status/1853861836736881133?ref_src=twsrc%5Etfw">November
5, 2024</a>
</blockquote>
<blockquote class="twitter-tweet">
<p lang="ru" dir="ltr">NeoHtop мощный и стильный менеджер процессов<a
href="https://t.co/uiGhE2YlFC">https://t.co/uiGhE2YlFC</a></p>&mdash; ITforNote (@itfornote) <a
href="https://twitter.com/itfornote/status/1855943550036299934?ref_src=twsrc%5Etfw">November 11, 2024</a>
</blockquote>
<blockquote class="twitter-tweet">
<p lang="en" dir="ltr">Discover NeoHtop, a modern task manager for macOS combining terminal power with a
user-friendly interface, built with Rust, Tauri &amp; Svelte.<br><br>{ author: <a
href="https://twitter.com/__abdenasser?ref_src=twsrc%5Etfw">@__abdenasser</a> } <a
href="https://twitter.com/hashtag/CodeNewbie?src=hash&amp;ref_src=twsrc%5Etfw">#CodeNewbie</a><a
href="https://t.co/rowekkvOUY">https://t.co/rowekkvOUY</a></p>&mdash; CodeNewbie (@CodeNewbies) <a
href="https://twitter.com/CodeNewbies/status/1854886849677824003?ref_src=twsrc%5Etfw">November 8, 2024</a>
</blockquote>
<blockquote class="twitter-tweet">
<p lang="de" dir="ltr">NeoHtop: Ein Systemmonitor für macOS <a
href="https://t.co/wUEMeCKpkv">https://t.co/wUEMeCKpkv</a></p>&mdash; Ramón Goeden 🤨 (@websenat) <a
href="https://twitter.com/websenat/status/1854134191480262993?ref_src=twsrc%5Etfw">November 6, 2024</a>
</blockquote>
<blockquote class="twitter-tweet">
<p lang="de" dir="ltr">NeoHtop: Ein Systemmonitor für macOS <a
href="https://t.co/RCjYWlC81x">https://t.co/RCjYWlC81x</a></p>&mdash; CaschysBlog (@CaschysBlog) <a
href="https://twitter.com/CaschysBlog/status/1854110661502017689?ref_src=twsrc%5Etfw">November 6, 2024</a>
</blockquote>
<blockquote class="twitter-tweet">
<p lang="en" dir="ltr">NeoHtop offers a modern interface with additional features like process pinning, smart
search, and themes while maintaining high performance through its Rust backend. It&#39;s designed to be more
user-friendly and efficient than traditional system monitors.<a
href="https://t.co/c4niSeqw0p">https://t.co/c4niSeqw0p</a> <a
href="https://t.co/hnqrfSiSFG">pic.twitter.com/hnqrfSiSFG</a></p>&mdash; Hustle Hacker (@HustleHackerAI)
<a href="https://twitter.com/HustleHackerAI/status/1854352028304040139?ref_src=twsrc%5Etfw">November 7,
2024</a>
</blockquote>
<blockquote class="twitter-tweet">
<p lang="ja" dir="ltr">NeoHtopめちゃかっこいい。macOSでも動く。Apple
Silicon版もちゃんとある。手元で動かしてみたけどアクティビティモニタより好きかも。<br><br>Abdenasser/neohtop: 💪🏻 htop on steroids <a
href="https://t.co/u70aTS1rKK">https://t.co/u70aTS1rKK</a> <a
href="https://t.co/c0iyjiW73q">pic.twitter.com/c0iyjiW73q</a></p>&mdash; Isao Shimizu (@isaoshimizu) <a
href="https://twitter.com/isaoshimizu/status/1854097990698586584?ref_src=twsrc%5Etfw">November 6, 2024</a>
</blockquote>
<blockquote class="twitter-tweet">
<p lang="ja" dir="ltr">見た目好みで使ってみてるシステムモニター、<a
href="https://t.co/7lHLB8WtVk">https://t.co/7lHLB8WtVk</a><br>トグルボタンのアクティブ状態をアイコンを45度傾けるという方法で示してて、特殊すぎて度見した
<a href="https://t.co/JFC6ueyfBF">pic.twitter.com/JFC6ueyfBF</a>
</p>&mdash; UMERUMA (@umeruma) <a
href="https://twitter.com/umeruma/status/1855209294888902865?ref_src=twsrc%5Etfw">November 9, 2024</a>
</blockquote>
<blockquote class="twitter-tweet">
<p lang="en" dir="ltr">🖥️ <a
href="https://twitter.com/hashtag/NeoHtop?src=hash&amp;ref_src=twsrc%5Etfw">#NeoHtop</a>: Cross-platform
system monitor combining <a
href="https://twitter.com/hashtag/Svelte?src=hash&amp;ref_src=twsrc%5Etfw">#Svelte</a>, <a
href="https://twitter.com/hashtag/Rust?src=hash&amp;ref_src=twsrc%5Etfw">#Rust</a>, and <a
href="https://twitter.com/hashtag/Tauri?src=hash&amp;ref_src=twsrc%5Etfw">#Tauri</a> for a modern
monitoring experience <a
href="https://twitter.com/hashtag/opensource?src=hash&amp;ref_src=twsrc%5Etfw">#opensource</a> <a
href="https://twitter.com/hashtag/devops?src=hash&amp;ref_src=twsrc%5Etfw">#devops</a> <br><br>🚀 Key
features:<br>Real-time process monitoring<br>CPU &amp; memory usage tracking<br>Process search &amp;
filtering<br>Dark/light theme support<br><br>💻 Tech stack:…</p>&mdash; Micha(el) Bladowski 🇩🇪 🇺🇦
(@michabbb) <a href="https://twitter.com/michabbb/status/1853971838768173409?ref_src=twsrc%5Etfw">November 6,
2024</a>
</blockquote>
</div>
</section>
<section id="faq" class="faq">
<h2 class="section-title">Frequently Asked Questions</h2>
<div class="faq-list">
@ -397,5 +528,6 @@
</div>
</footer>
</body>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</html>

View File

@ -1426,4 +1426,40 @@ footer {
color: var(--text-secondary);
margin-bottom: 2rem;
margin-top: 0.5rem;
}
/* Testimonials Section */
.testimonials {
padding: 4rem 0;
background: var(--background);
max-width: 1200px;
margin: 0 auto;
}
.testimonial-grid {
column-count: 3;
column-gap: 2rem;
margin-top: 3rem;
padding: 0 2rem;
}
/* Ensure Twitter embeds stack properly */
.twitter-tweet {
margin: 0 0 2rem 0 !important;
width: 100% !important;
break-inside: avoid;
display: inline-block;
}
/* Responsive adjustments */
@media (max-width: 1024px) {
.testimonial-grid {
column-count: 2;
}
}
@media (max-width: 768px) {
.testimonial-grid {
column-count: 1;
}
}

View File

@ -122,4 +122,4 @@ body {
[data-theme="glassy"] td {
border-bottom: 1px solid rgba(232, 232, 232, 0.1) !important;
background: rgba(24, 24, 37, 0.2) !important;
}
}