Skip to content

[codex] Simplify website design and copy #21

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
masuda-so merged 2 commits into from
May 9, 2026
Merged

[codex] Simplify website design and copy #21

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
c76f076
Simplify website design and copy
masuda-so May 9, 2026
c1de231
Apply djlint formatting
masuda-so May 9, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1,946 changes: 482 additions & 1,464 deletions ether/static/css/project.css
View file
Open in desktop

Large diffs are not rendered by default.

56 changes: 12 additions & 44 deletions ether/static/js/project.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,55 +1,23 @@
/* Ether — small UX polish: scrolled header state + reveal-on-view. */
/* Ether — minimal header state only. */
(function () {
"use strict";

var doc = document.documentElement;
var header = document.querySelector("[data-site-header]");

var prefersReducedMotion =
window.matchMedia &&
window.matchMedia("(prefers-reduced-motion: reduce)").matches;

/* Toggle scrolled state on the sticky header. */
if (header) {
var lastScrolled = null;
var updateHeader = function () {
var isScrolled = (window.scrollY || doc.scrollTop) > 4;
if (isScrolled !== lastScrolled) {
header.classList.toggle("is-scrolled", isScrolled);
lastScrolled = isScrolled;
}
};
updateHeader();
window.addEventListener("scroll", updateHeader, { passive: true });
}

/* Reveal elements on first intersection. */
var revealTargets = document.querySelectorAll("[data-reveal]");
if (!revealTargets.length) {
return;
}

if (prefersReducedMotion || !("IntersectionObserver" in window)) {
revealTargets.forEach(function (element) {
element.classList.add("is-visible");
});
if (!header) {
return;
}

var observer = new IntersectionObserver(
function (entries) {
entries.forEach(function (entry) {
if (!entry.isIntersecting) {
return;
}
entry.target.classList.add("is-visible");
observer.unobserve(entry.target);
});
},
{ threshold: 0.12, rootMargin: "0px 0px -8% 0px" }
);
var lastScrolled = null;
var updateHeader = function () {
var isScrolled = (window.scrollY || doc.scrollTop) > 4;
if (isScrolled !== lastScrolled) {
header.classList.toggle("is-scrolled", isScrolled);
lastScrolled = isScrolled;
}
};

revealTargets.forEach(function (element) {
observer.observe(element);
});
updateHeader();
window.addEventListener("scroll", updateHeader, { passive: true });
})();
31 changes: 4 additions & 27 deletions ether/templates/base.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,10 +16,12 @@
</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description"
content="{% block meta_description %}{% if lang == 'en' %}Ether LLC is a Tokyo-based Web3 holding company centered on Ethereum, building software products and supporting culture-meets-technology projects.{% else %}Ether合同会社は、東京を拠点に、Ethereumを基軸資産としてソフトウェアと文化事業を進めるWeb3ホールディングです。{% endif %}{% endblock meta_description %}" />
content="{% block meta_description %}{% if lang == 'en' %}Ether LLC is a Tokyo company focused on Ethereum holdings, software development, and related cultural projects.{% else %}Ether合同会社は、Ethereum保有、ソフトウェア開発、関連する文化事業を行う東京の会社です。{% endif %}{% endblock meta_description %}" />
<meta name="author" content="Ether LLC" />
<meta name="theme-color" content="#00696b" />
<link rel="icon" href="{% static 'images/favicons/favicon.ico' %}" />
<link rel="canonical"
href="https://ether-llc.com{{ request.path|default:'/' }}" />
{% if alt_lang_url %}
<link rel="alternate"
hreflang="{% if lang == 'en' %}ja{% else %}en{% endif %}"
Expand All @@ -30,7 +32,7 @@
<meta property="og:title"
content="{% block og_title %}{% if lang == 'en' %}Ether LLC{% else %}Ether合同会社{% endif %}{% endblock og_title %}" />
<meta property="og:description"
content="{% block og_description %}{% if lang == 'en' %}Ethereum-native holding company. Software, culture, Web3.{% else %}Ethereumを基軸資産とするホールディング。ソフトウェア、文化、Web3。{% endif %}{% endblock og_description %}" />
content="{% block og_description %}{% if lang == 'en' %}Ethereum holdings, software development, and related cultural projects from Tokyo.{% else %}Ethereum保有、ソフトウェア開発、関連する文化事業を行う東京の会社です。{% endif %}{% endblock og_description %}" />
<meta property="og:locale"
content="{% if lang == 'en' %}en_US{% else %}ja_JP{% endif %}" />
<meta property="og:url"
Expand Down Expand Up @@ -120,18 +122,6 @@
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto align-items-lg-center">
<li class="nav-item">
<a class="nav-link {% if page_name == 'vision' %}active{% endif %}"
href="{% if lang == 'en' %}/en/vision/{% else %}/vision/{% endif %}">
<span>
{% if lang == 'en' %}
Vision
{% else %}
Vision
{% endif %}
</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link {% if page_name == 'holdings' %}active{% endif %}"
href="{% if lang == 'en' %}/en/holdings/{% else %}/holdings/{% endif %}">
Expand All @@ -144,18 +134,6 @@
<span>Software</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link {% if page_name == 'business' %}active{% endif %}"
href="{% if lang == 'en' %}/en/business/{% else %}/business/{% endif %}">
<span>
{% if lang == 'en' %}
Business
{% else %}
事業内容
{% endif %}
</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link {% if page_name == 'company' %}active{% endif %}"
href="{% if lang == 'en' %}/en/company/{% else %}/company/{% endif %}">
Expand Down Expand Up @@ -187,7 +165,6 @@
<li class="nav-item">
<a class="btn btn-filled nav-cta {% if page_name == 'contact' %}active{% endif %}"
href="{% if lang == 'en' %}/en/contact/{% else %}/contact/{% endif %}">
<span class="material-symbols-rounded" aria-hidden="true">mail</span>
<span>
{% if lang == 'en' %}
Contact
Expand Down
17 changes: 12 additions & 5 deletions ether/templates/pages/company.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,12 @@
{% block title %}
会社概要 | Ether合同会社
{% endblock title %}
{% block meta_description %}
Ether合同会社の商号、代表者、所在地、法人番号、事業年度、連絡先などの公開情報です。
{% endblock meta_description %}
{% block og_description %}
Ether合同会社の商号、代表者、所在地、法人番号、事業年度、連絡先などの公開情報です。
{% endblock og_description %}
{% block bodyclass %}
page-company
{% endblock bodyclass %}
Expand All @@ -14,7 +20,7 @@
<span>Company</span>
</p>
<h1 id="company-page-heading">会社概要</h1>
<p>登記情報および公開可能な範囲の基本情報を掲載しています。</p>
<p>商号、代表者、所在地、法人番号などの公開情報です。</p>
</div>
</section>
<section class="section" aria-label="会社情報">
Expand Down Expand Up @@ -72,7 +78,7 @@ <h1 id="company-page-heading">会社概要</h1>
</dt>
<dd>
<a href="https://www.houjin-bangou.nta.go.jp/henkorireki-johoSearch?selHouzinNo=4011103016903"
rel="noopener"
rel="noopener noreferrer"
target="_blank">4011103016903</a>
</dd>
</div>
Expand Down Expand Up @@ -118,7 +124,9 @@ <h1 id="company-page-heading">会社概要</h1>
関連リンク
</dt>
<dd>
<a href="https://github.com/masuda-so" rel="noopener" target="_blank">GitHub: masuda-so</a>
<a href="https://github.com/masuda-so"
rel="noopener noreferrer"
target="_blank">GitHub: masuda-so</a>
</dd>
</div>
</dl>
Expand All @@ -129,8 +137,7 @@ <h1 id="company-page-heading">会社概要</h1>
<article class="prose" data-reveal>
<h2 id="purposes-heading">事業目的</h2>
<p>
定款 第2条において、23項目の事業目的を定めています。
領域別に整理した一覧は<a href="/business/">事業内容</a>のページをご覧ください。
定款上の事業目的は、領域別に<a href="/business/">事業内容</a>のページで掲載しています。
</p>
</article>
</div>
Expand Down
34 changes: 14 additions & 20 deletions ether/templates/pages/contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,12 @@
{% block title %}
お問い合わせ | Ether合同会社
{% endblock title %}
{% block meta_description %}
Ether合同会社へのお問い合わせ先。協業、ソフトウェア開発、取材などの連絡先メールを掲載しています。
{% endblock meta_description %}
{% block og_description %}
Ether合同会社へのお問い合わせ先。協業、ソフトウェア開発、取材などの連絡先メールを掲載しています。
{% endblock og_description %}
{% block bodyclass %}
page-contact
{% endblock bodyclass %}
Expand All @@ -14,10 +20,7 @@
<span>Contact</span>
</p>
<h1 id="contact-page-heading">お問い合わせ</h1>
<p>
協業、企画相談、取材、Ethereumエコシステムでの共同検討など。
まずはメールにてご連絡ください。内容を確認のうえ、担当より折り返しご返信します。
</p>
<p>協業、ソフトウェア開発、取材などの連絡はメールで受け付けています。</p>
</div>
</section>
<section class="section" aria-label="連絡先">
Expand All @@ -35,7 +38,7 @@ <h2 class="headline">so.masuda.2003@ether-llc.com</h2>
<a class="btn btn-outline-light"
href="mailto:so.masuda.2003@ether-llc.com">
<span class="material-symbols-rounded" aria-hidden="true">mail</span>
<span>メールを作成する</span>
<span>メールで問い合わせる</span>
</a>
</div>
</div>
Expand All @@ -45,12 +48,9 @@ <h2 class="headline">so.masuda.2003@ether-llc.com</h2>
<span class="material-symbols-rounded">handshake</span>
</span>
<h3>協業・パートナーシップ</h3>
<p>
Ethereumエコシステム、ソフトウェアプロダクト、文化事業における
共同企画・コラボレーションのご相談。
</p>
<p>Ethereum、ソフトウェア、文化事業に関する共同企画の相談。</p>
<a href="mailto:so.masuda.2003@ether-llc.com?subject=%5BPartnership%5D%20%E5%8D%94%E6%A5%AD%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6">
<span>パートナーシップを相談する</span>
<span>メールで問い合わせる</span>
<span class="material-symbols-rounded" aria-hidden="true">arrow_forward</span>
</a>
</article>
Expand All @@ -59,12 +59,9 @@ <h3>協業・パートナーシップ</h3>
<span class="material-symbols-rounded">code</span>
</span>
<h3>ソフトウェア開発のご相談</h3>
<p>
iOS/SwiftUIアプリ、Web3関連の技術検証、ライセンスや
技術コンサルティングに関するお問い合わせ。
</p>
<p>iOS/SwiftUIアプリ、Web3関連の技術検証、ライセンスに関する相談。</p>
<a href="mailto:so.masuda.2003@ether-llc.com?subject=%5BSoftware%5D%20%E3%81%94%E7%9B%B8%E8%AB%87">
<span>開発について相談する</span>
<span>メールで問い合わせる</span>
<span class="material-symbols-rounded" aria-hidden="true">arrow_forward</span>
</a>
</article>
Expand All @@ -73,12 +70,9 @@ <h3>ソフトウェア開発のご相談</h3>
<span class="material-symbols-rounded">campaign</span>
</span>
<h3>取材・登壇</h3>
<p>
メディア取材、インタビュー、登壇のご依頼。
内容と日程をできるだけ具体的にお知らせください。
</p>
<p>メディア取材、インタビュー、登壇の依頼。</p>
<a href="mailto:so.masuda.2003@ether-llc.com?subject=%5BPress%5D%20%E5%8F%96%E6%9D%90%E3%83%BB%E7%99%BB%E5%A3%87%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6">
<span>取材を依頼する</span>
<span>メールで問い合わせる</span>
<span class="material-symbols-rounded" aria-hidden="true">arrow_forward</span>
</a>
</article>
Expand Down
17 changes: 12 additions & 5 deletions ether/templates/pages/en/company.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,12 @@
{% block title %}
Company | Ether LLC
{% endblock title %}
{% block meta_description %}
Public facts about Ether LLC, including legal name, representative, office, corporate number, fiscal year, and contact address.
{% endblock meta_description %}
{% block og_description %}
Public facts about Ether LLC, including legal name, representative, office, corporate number, fiscal year, and contact address.
{% endblock og_description %}
{% block bodyclass %}
page-company
{% endblock bodyclass %}
Expand All @@ -14,7 +20,7 @@
<span>Company</span>
</p>
<h1 id="company-page-heading">Company facts</h1>
<p>Registered information and publicly disclosable facts about the company.</p>
<p>Legal name, representative, office, corporate number, and contact information.</p>
</div>
</section>
<section class="section" aria-label="Company information">
Expand Down Expand Up @@ -72,7 +78,7 @@ <h1 id="company-page-heading">Company facts</h1>
</dt>
<dd>
<a href="https://www.houjin-bangou.nta.go.jp/henkorireki-johoSearch?selHouzinNo=4011103016903"
rel="noopener"
rel="noopener noreferrer"
target="_blank">4011103016903</a>
</dd>
</div>
Expand Down Expand Up @@ -118,7 +124,9 @@ <h1 id="company-page-heading">Company facts</h1>
Related links
</dt>
<dd>
<a href="https://github.com/masuda-so" rel="noopener" target="_blank">GitHub: masuda-so</a>
<a href="https://github.com/masuda-so"
rel="noopener noreferrer"
target="_blank">GitHub: masuda-so</a>
</dd>
</div>
</dl>
Expand All @@ -129,8 +137,7 @@ <h1 id="company-page-heading">Company facts</h1>
<article class="prose" data-reveal>
<h2 id="purposes-heading">Business purposes</h2>
<p>
Article 2 of our charter sets out 23 specific business purposes.
A grouped overview is available on the <a href="/en/business/">Business</a> page.
A grouped overview of the purposes in our charter is available on the <a href="/en/business/">Business</a> page.
</p>
</article>
</div>
Expand Down
Loading
Loading