akko/blog
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update source.org

Browse Source
This commit is contained in:
Akko
2025-11-20 16:32:06 +01:00
parent b0910578ce
commit cec99cbdac
70 changed files with 5295 additions and 3335 deletions
Download Patch File Download Diff File Expand all files Collapse all files

159
html/posts/framework.html
View File

@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 2025-11-10 -->
<!-- 2025-11-20 -->
<meta charset="utf-8" />
<meta name="viewport" content="width=100%, initial-scale=0.7" />
<title>Framework Laptop Review</title>
@@ -193,13 +193,8 @@
<link rel="stylesheet" href="/static/fonts.css" type="text/css"/>
<link rel="stylesheet" href="/static/style.css" type="text/css"/>
<script type="text/javascript" src="/static/jquery-3.6.4.slim.min.js"></script>
<script type="text/javascript" src="/static/esquemadorg.js"></script>
<script type="text/javascript" src="/static/hide.js"></script>
<script type="text/javascript" src="/static/footnote.js"></script>
<link rel="stylesheet" href="/static/footnote.css" type="text/css"/>
<link rel="stylesheet" href="/static/collapse.css" type="text/css">
<link rel="stylesheet" href="/static/custom.css" type="text/css">
<link rel="alternate" type="application/rss+xml" title="WebbieWeb" href="https://webbieweb.org/feed.xml">
</head>
@@ -215,13 +210,13 @@
</div>
</div>
<div id="content" class="content">
<div id="outline-container-orgbf549c9" class="outline-2">
<h2 id="orgbf549c9">My Experience with the Framework Laptop</h2>
<div class="outline-text-2" id="text-orgbf549c9">
<div id="outline-container-org2e89913" class="outline-2">
<h2 id="org2e89913">My Experience with the Framework Laptop</h2>
<div class="outline-text-2" id="text-org2e89913">
</div>
<div id="outline-container-orga289846" class="outline-3">
<h3 id="orga289846">Ordering</h3>
<div class="outline-text-3" id="text-orga289846">
<div id="outline-container-orge7549c1" class="outline-3">
<h3 id="orge7549c1">Ordering</h3>
<div class="outline-text-3" id="text-orge7549c1">
<p>
I&rsquo;d been eyeing the <a href="https:frame.work">Framework laptop</a> since somewhere in October 2021, but the EU release got delayed and they were very hesitant to give time estimates. I only managed to get my hands on it in late February, and I ended up having to have it delivered to France. I understand the difficulty of setting up logistics especially these days, but I broke my previous laptop and being stuck in limbo like this was not fun.
</p>
@@ -232,13 +227,13 @@ I asked their customer service to make a small change to the delivery address, b
</p>
</div>
</div>
<div id="outline-container-orgfc43775" class="outline-3">
<h3 id="orgfc43775">Set-up</h3>
<div class="outline-text-3" id="text-orgfc43775">
<div id="outline-container-org4e6f20f" class="outline-3">
<h3 id="org4e6f20f">Set-up</h3>
<div class="outline-text-3" id="text-org4e6f20f">
</div>
<div id="outline-container-org0b3e06c" class="outline-4">
<h4 id="org0b3e06c">Hardware</h4>
<div class="outline-text-4" id="text-org0b3e06c">
<div id="outline-container-org42265c2" class="outline-4">
<h4 id="org42265c2">Hardware</h4>
<div class="outline-text-4" id="text-org42265c2">
<p>
I got the DIY edition with the (lowest-end) i5-1135G7 CPU, 2x16GB RAM. I brought my own 1TB SSD. The higher spec CPUs didn&rsquo;t seem worth the money to me. The RAM is probably overkill.
</p>
@@ -265,9 +260,9 @@ The more you look at it, the nicer it gets!
</p>
</div>
</div>
<div id="outline-container-orgd88b4c7" class="outline-4">
<h4 id="orgd88b4c7">Software</h4>
<div class="outline-text-4" id="text-orgd88b4c7">
<div id="outline-container-orgabbd9e8" class="outline-4">
<h4 id="orgabbd9e8">Software</h4>
<div class="outline-text-4" id="text-orgabbd9e8">
<p>
I installed Gentoo GNU+Linux on the laptop, just like I have on my desktop. I used an Ubuntu live CD as the install medium together with the Gentoo stage3 tarball, and it worked well. I didn&rsquo;t really have to jump through any laptop-specific hoops, it was a very nice experience. I did use the dist-kernel rather than configuring my own.
</p>
@@ -276,9 +271,9 @@ I installed Gentoo GNU+Linux on the laptop, just like I have on my desktop. I us
The laptop held up well during compiling. It&rsquo;s not as fast as a desktop of course, but compile times are not limiting. I&rsquo;ve put this thing through bootstrapping GCC for a cross-compilation toolchain, which is just about the biggest compile job I&rsquo;ve ran, and it wasn&rsquo;t <i>that</i> painful.
</p>
</div>
<div id="outline-container-org9a5e2d4" class="outline-5">
<h5 id="org9a5e2d4">Display scaling</h5>
<div class="outline-text-5" id="text-org9a5e2d4">
<div id="outline-container-org2cb8fde" class="outline-5">
<h5 id="org2cb8fde">Display scaling</h5>
<div class="outline-text-5" id="text-org2cb8fde">
<p>
Simply setting <code>Xft.dpi: 192</code> in .Xresources was enough for the vast majority of applications to use 2x scaling, which looks very good on this display. This is on X11 obviously; I don&rsquo;t use Wayland.
</p>
@@ -288,33 +283,33 @@ The odd application requires its own scaling setting. Rofi requires setting <cod
</p>
</div>
</div>
<div id="outline-container-org8237508" class="outline-5">
<h5 id="org8237508">Display manager</h5>
<div class="outline-text-5" id="text-org8237508">
<div id="outline-container-orgac8fdba" class="outline-5">
<h5 id="orgac8fdba">Display manager</h5>
<div class="outline-text-5" id="text-orgac8fdba">
<p>
I used SDDM which works very well. I wanted to go for something a bit fancier looking, and this delivers. I don&rsquo;t usually use things in the whole QT ecosystem, so it&rsquo;s refreshing.
</p>
</div>
</div>
<div id="outline-container-org96c1ab6" class="outline-5">
<h5 id="org96c1ab6">Hibernate/suspend-to-disk</h5>
<div class="outline-text-5" id="text-org96c1ab6">
<div id="outline-container-orgeed1abf" class="outline-5">
<h5 id="orgeed1abf">Hibernate/suspend-to-disk</h5>
<div class="outline-text-5" id="text-orgeed1abf">
<p>
This required setting up a swap file and setting a kernel command line parameter to refer to it, but it was easy to do. It works well. I&rsquo;ve observed the laptop auto-hibernating when the battery runs out, but it doesn&rsquo;t do this reliably, so I should probably configure it myself.
</p>
</div>
</div>
<div id="outline-container-org514fdb3" class="outline-5">
<h5 id="org514fdb3"><a href="http://guake-project.org/">Guake</a>-like transient terminal</h5>
<div class="outline-text-5" id="text-org514fdb3">
<div id="outline-container-org0665874" class="outline-5">
<h5 id="org0665874"><a href="http://guake-project.org/">Guake</a>-like transient terminal</h5>
<div class="outline-text-5" id="text-org0665874">
<p>
Using some <code>fish</code> scripts, <code>bspwm</code>, <code>picom</code> and <code>xst</code> I rigged up a transient, transparent terminal to use for quick shell jobs. I used the scripts and config file in <a href="#org784f96c">Appendix A</a> to do this. The implementation is a bit hacky, and it&rsquo;s not impossible to break, but it serves my purposes well (and more important, it was fun to make)!
Using some <code>fish</code> scripts, <code>bspwm</code>, <code>picom</code> and <code>xst</code> I rigged up a transient, transparent terminal to use for quick shell jobs. I used the scripts and config file in <a href="#org445bac3">Appendix A</a> to do this. The implementation is a bit hacky, and it&rsquo;s not impossible to break, but it serves my purposes well (and more important, it was fun to make)!
</p>
</div>
</div>
<div id="outline-container-orgd828e59" class="outline-5">
<h5 id="orgd828e59">Wallpaper-setting script</h5>
<div class="outline-text-5" id="text-orgd828e59">
<div id="outline-container-orgd31ec3d" class="outline-5">
<h5 id="orgd31ec3d">Wallpaper-setting script</h5>
<div class="outline-text-5" id="text-orgd31ec3d">
<p>
I wrote a script to set a random wallpaper.
</p>
@@ -325,11 +320,11 @@ I wrote a script to set a random wallpaper.
</div>
</div>
</div>
<div id="outline-container-org7eb9599" class="outline-5">
<h5 id="org7eb9599">Lockscreen</h5>
<div class="outline-text-5" id="text-org7eb9599">
<div id="outline-container-orga4930b2" class="outline-5">
<h5 id="orga4930b2">Lockscreen</h5>
<div class="outline-text-5" id="text-orga4930b2">
<p>
I hacked together some <a href="#orgf16968d">pretty crappy code</a> to lock the screen using <code>i3lock</code>, with my wallpaper composed with a little lock icon as the background. Very overengineered.
I hacked together some <a href="#orgf56dc82">pretty crappy code</a> to lock the screen using <code>i3lock</code>, with my wallpaper composed with a little lock icon as the background. Very overengineered.
</p>
<p width="60%" class="center">
@@ -342,33 +337,33 @@ Is there a better lockscreen out there that will let me set my own image as the
</p>
</div>
</div>
<div id="outline-container-orgdb4c7ca" class="outline-5">
<h5 id="orgdb4c7ca"><span class="todo TODO">TODO</span> </h5>
<div class="outline-text-5" id="text-orgdb4c7ca">
<div id="outline-container-org645784b" class="outline-5">
<h5 id="org645784b"><span class="todo TODO">TODO</span> </h5>
<div class="outline-text-5" id="text-org645784b">
</div>
<ul class="org-ul">
<li><a id="org3d62a23"></a>Battery level notifications<br></li>
<li><a id="orgeed0773"></a>sleep-then-hibernate<br></li>
<li><a id="org57a57c3"></a>Battery tuning<br></li>
<li><a id="orgbc350da"></a>Battery level notifications<br></li>
<li><a id="orgfea08e1"></a>sleep-then-hibernate<br></li>
<li><a id="org4bba7ca"></a>Battery tuning<br></li>
</ul>
</div>
</div>
</div>
<div id="outline-container-org4a93223" class="outline-3">
<h3 id="org4a93223">Impressions</h3>
<div class="outline-text-3" id="text-org4a93223">
<div id="outline-container-org485ab48" class="outline-3">
<h3 id="org485ab48">Impressions</h3>
<div class="outline-text-3" id="text-org485ab48">
</div>
<div id="outline-container-orgf496a30" class="outline-5">
<h5 id="orgf496a30">Build Quality</h5>
<div class="outline-text-5" id="text-orgf496a30">
<div id="outline-container-orgf61edce" class="outline-5">
<h5 id="orgf61edce">Build Quality</h5>
<div class="outline-text-5" id="text-orgf61edce">
<p>
The laptop is made of aluminium and feels solid but light. The screen does seem pretty flimsy, though. I probably wouldn&rsquo;t want to drop this thing. It looks sleek and elegant, but pretty muted.
</p>
</div>
</div>
<div id="outline-container-orgeca383a" class="outline-5">
<h5 id="orgeca383a">Screen</h5>
<div class="outline-text-5" id="text-orgeca383a">
<div id="outline-container-orgc7633cf" class="outline-5">
<h5 id="orgc7633cf">Screen</h5>
<div class="outline-text-5" id="text-orgc7633cf">
<p>
This is my first time ever using a high-DPI screen, and I&rsquo;m very impressed by it. Text looks unbelievably crisp and pleasant to read. I was somewhat worried about the linux high DPI situation, but I am having no issues whatsoever.
</p>
@@ -382,51 +377,51 @@ The brightness goes up quite high, but colours feel somewhat washed out at high
</p>
</div>
</div>
<div id="outline-container-orgfb252b5" class="outline-5">
<h5 id="orgfb252b5">Keyboard</h5>
<div class="outline-text-5" id="text-orgfb252b5">
<div id="outline-container-orgc38a1a0" class="outline-5">
<h5 id="orgc38a1a0">Keyboard</h5>
<div class="outline-text-5" id="text-orgc38a1a0">
<p>
Framework seems to advertise their keyboard as having particularly deep travel, but it mostly just feels like any chiclet keyboard to me. Not a bad chiclet keyboard, but not that great, either. The layout is fine, but it makes me miss the thinkpad.
</p>
</div>
</div>
<div id="outline-container-org26e4c92" class="outline-5">
<h5 id="org26e4c92">Touchpad</h5>
<div class="outline-text-5" id="text-org26e4c92">
<div id="outline-container-org30c796b" class="outline-5">
<h5 id="org30c796b">Touchpad</h5>
<div class="outline-text-5" id="text-org30c796b">
<p>
I&rsquo;ve never had a decent touchpad before, so I was pleasantly surprised. I expected to miss the trackpoint on the thinkpad a lot, but this is fine, though it&rsquo;s still a step down. Pinch to zoom doesn&rsquo;t work very well, but I don&rsquo;t use that functionality a lot. I miss having dedicated mouse buttons; the clicking functionality on this touchpad works fine for me, but it&rsquo;s hard not to mess up left/middle/right click. That&rsquo;s a good incentive for me to practice relying on the mouse less, though. There&rsquo;s plenty of <a href="https://linuxtouchpad.org/">work being done</a> on the Linux touchpad experience software-side, too. It&rsquo;s a nice time to be a linux laptop user!
</p>
</div>
</div>
<div id="outline-container-orgcaeaeac" class="outline-5">
<h5 id="orgcaeaeac">Battery</h5>
<div class="outline-text-5" id="text-orgcaeaeac">
<div id="outline-container-org4cc7c9c" class="outline-5">
<h5 id="org4cc7c9c">Battery</h5>
<div class="outline-text-5" id="text-org4cc7c9c">
<p>
With the disclaimer that I haven&rsquo;t tested very intensely and I haven&rsquo;t tuned power settings very much. <br>
I seem to get about 6.5 hours of real-world use time when using Emacs and doing light web browsing. I don&rsquo;t have a good benchmark for more intensive tasks, but compiling does hit the battery pretty hard. All in all I&rsquo;m very happy with it, getting decent battery life on Linux is hard. It might be worth eventually buying a power bank for it though, for travel~
</p>
</div>
</div>
<div id="outline-container-orgd990e5d" class="outline-5">
<h5 id="orgd990e5d">Expansion cards/ports</h5>
<div class="outline-text-5" id="text-orgd990e5d">
<div id="outline-container-org2f05c0f" class="outline-5">
<h5 id="org2f05c0f">Expansion cards/ports</h5>
<div class="outline-text-5" id="text-org2f05c0f">
<p>
The little expansion cards are one of Framework&rsquo;s big marketing things. I think they&rsquo;re pretty neat, though I don&rsquo;t always quite understand the way people talk about them, as &ldquo;dongle killers&rdquo;. I would find hotswapping these about equally obnoxious as carrying dongles. The idea of aftermarket expansion cards is interesting, though - these are low level, high bandwidth ports, with I think similar capabilities to the ExpressCard ports on old business laptops, but more modern with a USB-C port. I&rsquo;m looking forward to the USB4 era!
</p>
</div>
</div>
<div id="outline-container-orgb25fea6" class="outline-5">
<h5 id="orgb25fea6">Performance</h5>
<div class="outline-text-5" id="text-orgb25fea6">
<div id="outline-container-orgd8965a4" class="outline-5">
<h5 id="orgd8965a4">Performance</h5>
<div class="outline-text-5" id="text-orgd8965a4">
<p>
So far I haven&rsquo;t felt limited by performance at all, the experience has been really snappy. I haven&rsquo;t thrown particularly difficult things at it, though, but that&rsquo;s fine - most of what I do on a laptop is reading, web browsing, and text editing. I played some Factorio on it and that seemed fine, but using the touchpad felt limiting so I didn&rsquo;t play very much.
</p>
</div>
</div>
</div>
<div id="outline-container-org947254b" class="outline-3">
<h3 id="org947254b">Closing words</h3>
<div class="outline-text-3" id="text-org947254b">
<div id="outline-container-org94393db" class="outline-3">
<h3 id="org94393db">Closing words</h3>
<div class="outline-text-3" id="text-org94393db">
<p>
Getting this laptop set up has been really fun! It&rsquo;s a good opportunity to take stock of where we&rsquo;re at. On the hardware side, I am very impressed that it&rsquo;s now possible to make a laptop that&rsquo;s this user-servicable, this well-specced and still not <i>that</i> expensive. It&rsquo;s a reminder of how much better things could be.
</p>
@@ -441,9 +436,9 @@ Personally, I&rsquo;m getting a rare chance to critically examine all the little
</div>
</div>
</div>
<div id="outline-container-org784f96c" class="outline-2">
<h2 id="org784f96c">Appendix A: Transient Terminal Sources</h2>
<div class="outline-text-2" id="text-org784f96c">
<div id="outline-container-org445bac3" class="outline-2">
<h2 id="org445bac3">Appendix A: Transient Terminal Sources</h2>
<div class="outline-text-2" id="text-org445bac3">
<p>
<code>togglescratch</code>
</p>
@@ -512,9 +507,9 @@ opacity-rule=["90:name = 'scratchterminal'"];
</div>
</div>
</div>
<div id="outline-container-orgf16968d" class="outline-2">
<h2 id="orgf16968d">Appendix B: lock.py</h2>
<div class="outline-text-2" id="text-orgf16968d">
<div id="outline-container-orgf56dc82" class="outline-2">
<h2 id="orgf56dc82">Appendix B: lock.py</h2>
<div class="outline-text-2" id="text-orgf56dc82">
<div class="org-src-container">
<pre class="src src-fish"><span class="org-comment-delimiter">#</span><span class="org-comment">!/usr/bin/python3</span>
<span class="org-builtin">import</span> os
@@ -547,7 +542,7 @@ If you have any comments about this page, you can email me at: <br>
Proudly built using <a href="/posts/blog-tech.html">org-mode</a>. <br>
All code on this website is licensed <b>GPLv3</b> unless otherwise indicated. <br>
<br>
<a href="http://validator.w3.org/feed/check.cgi?url=http%3A//webbieweb.org/feed.xml"><img src="static/images/badges/css.png" alt="[Valid RSS]" title="Validate my RSS feed" /></a><br>
<a href="http://validator.w3.org/feed/check.cgi?url=http%3A//webbieweb.org/feed.xml"><img src="/static/images/badges/css.png" alt="[Valid RSS]" title="Validate my RSS feed" /></a><br>
</div>
</div>
</body>