ai/at
1
0
Fork 0
Code Wiki Activity

add html

Browse Source
This commit is contained in:
syui
2025-12-09 22:01:55 +09:00
parent 2a3f9060c5
commit d345b8f62d
10 changed files with 508 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@@ -4,3 +4,4 @@ deploy.yml
claude.md
store.mobileprovision
.env
html.zip

91
html/about/support/help.html Normal file
View File

@@ -0,0 +1,91 @@
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<title>Help - syu.is</title>
<link rel="icon" type="image/png" href="/static/favicon.png">
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
line-height: 1.6;
color: #1a1a1a;
background: #fff;
padding: 20px;
max-width: 800px;
margin: 0 auto;
}
@media (prefers-color-scheme: dark) {
body { background: #000; color: #e0e0e0; }
a { color: #6bb3ff; }
h1, h2, h3 { color: #fff; }
}
h1 { font-size: 28px; margin-bottom: 24px; padding-bottom: 12px; border-bottom: 1px solid #ddd; }
h2 { font-size: 20px; margin: 24px 0 12px; }
h3 { font-size: 16px; margin: 16px 0 8px; }
p { margin-bottom: 16px; }
ul { margin: 0 0 16px 24px; }
li { margin-bottom: 8px; }
a { color: #0066cc; text-decoration: none; }
a:hover { text-decoration: underline; }
.header { margin-bottom: 32px; }
.back-link { display: inline-block; margin-bottom: 16px; font-size: 14px; }
.footer { margin-top: 40px; padding-top: 20px; border-top: 1px solid #ddd; font-size: 14px; color: #666; }
.faq-item { margin-bottom: 24px; }
.contact-box { background: #f5f5f5; padding: 20px; border-radius: 8px; margin: 20px 0; }
@media (prefers-color-scheme: dark) {
.contact-box { background: #1a1a1a; }
}
</style>
</head>
<body>
<div class="header">
<a href="/" class="back-link">&larr; Back to syu.is</a>
<h1>Help Center</h1>
</div>
<h2>About syu.is</h2>
<p>syu.is is a social networking service built on the AT Protocol (Authenticated Transfer Protocol). It allows users to share content, connect with others, and participate in a decentralized social network.</p>
<h2>Frequently Asked Questions</h2>
<div class="faq-item">
<h3>What is the AT Protocol?</h3>
<p>The AT Protocol is a decentralized social networking protocol that allows users to own their data and identity. It enables federation between different services while maintaining user control.</p>
</div>
<div class="faq-item">
<h3>How do I create an account?</h3>
<p>You can create an account by downloading the app or visiting the website. You'll need to provide an email address and choose a username.</p>
</div>
<div class="faq-item">
<h3>How do I reset my password?</h3>
<p>You can reset your password through the login screen by selecting "Forgot Password" and following the instructions sent to your email.</p>
</div>
<div class="faq-item">
<h3>How do I delete my account?</h3>
<p>You can delete your account through Settings &gt; Account. Please note that account deletion is permanent and cannot be undone.</p>
</div>
<div class="faq-item">
<h3>How do I report abuse or inappropriate content?</h3>
<p>You can report content by using the report function available on each post. Our moderation team will review reports and take appropriate action.</p>
</div>
<h2>Contact</h2>
<div class="contact-box">
<p>For additional support or questions:</p>
<ul>
<li>GitHub: <a href="https://github.com/syui" target="_blank">github.com/syui</a></li>
</ul>
</div>
<h2>Related Links</h2>
<ul>
<li><a href="/about/support/tos">Terms of Service</a></li>
<li><a href="/about/support/privacy-policy">Privacy Policy</a></li>
<li><a href="/about/support/license">License</a></li>
<li><a href="/about/support/app">App Info</a></li>

66
html/about/support/license.html Normal file
View File

@@ -0,0 +1,66 @@
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<title>License - syu.is</title>
<link rel="icon" type="image/png" href="/static/favicon.png">
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
line-height: 1.6;
color: #1a1a1a;
background: #fff;
padding: 20px;
max-width: 800px;
margin: 0 auto;
}
@media (prefers-color-scheme: dark) {
body { background: #000; color: #e0e0e0; }
a { color: #6bb3ff; }
h1, h2, h3 { color: #fff; }
}
h1 { font-size: 28px; margin-bottom: 24px; padding-bottom: 12px; border-bottom: 1px solid #ddd; }
h2 { font-size: 20px; margin: 24px 0 12px; }
p { margin-bottom: 16px; }
ul { margin: 0 0 16px 24px; }
li { margin-bottom: 8px; }
a { color: #0066cc; text-decoration: none; }
a:hover { text-decoration: underline; }
.header { margin-bottom: 32px; }
.back-link { display: inline-block; margin-bottom: 16px; font-size: 14px; }
.footer { margin-top: 40px; padding-top: 20px; border-top: 1px solid #ddd; font-size: 14px; color: #666; }
pre { background: #f5f5f5; padding: 16px; border-radius: 8px; overflow-x: auto; font-size: 13px; }
@media (prefers-color-scheme: dark) { pre { background: #1a1a1a; } }
</style>
</head>
<body>
<div class="header">
<a href="/" class="back-link">&larr; Back to syu.is</a>
<h1>License</h1>
</div>
<h2>Aiat (iOS/Android App)</h2>
<p>This application is based on the Bluesky Social App, which is open source software.</p>
<h2>Open Source Licenses</h2>
<p>This app uses the following open source software:</p>
<h3>Bluesky Social App</h3>
<p>Licensed under the MIT License</p>
<p><a href="https://github.com/bluesky-social/social-app" target="_blank">https://github.com/bluesky-social/social-app</a></p>
<h3>AT Protocol</h3>
<p>Licensed under the MIT License / Apache 2.0</p>
<p><a href="https://github.com/bluesky-social/atproto" target="_blank">https://github.com/bluesky-social/atproto</a></p>
<h2>Third Party Libraries</h2>
<p>This application includes various third-party libraries, each with their own licenses. For a complete list, please see the application's source code repository.</p>
<div class="footer">
<p>Last updated: 2025</p>
<p>&copy; syu.is</p>
</div>
</body>
</html>

83
html/about/support/privacy.html Normal file
View File

@@ -0,0 +1,83 @@
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<title>Privacy Policy - syu.is</title>
<link rel="icon" type="image/png" href="/static/favicon.png">
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
line-height: 1.6;
color: #1a1a1a;
background: #fff;
padding: 20px;
max-width: 800px;
margin: 0 auto;
}
@media (prefers-color-scheme: dark) {
body { background: #000; color: #e0e0e0; }
a { color: #6bb3ff; }
h1, h2, h3 { color: #fff; }
}
h1 { font-size: 28px; margin-bottom: 24px; padding-bottom: 12px; border-bottom: 1px solid #ddd; }
h2 { font-size: 20px; margin: 24px 0 12px; }
p { margin-bottom: 16px; }
ul { margin: 0 0 16px 24px; }
li { margin-bottom: 8px; }
a { color: #0066cc; text-decoration: none; }
a:hover { text-decoration: underline; }
.header { margin-bottom: 32px; }
.back-link { display: inline-block; margin-bottom: 16px; font-size: 14px; }
.footer { margin-top: 40px; padding-top: 20px; border-top: 1px solid #ddd; font-size: 14px; color: #666; }
</style>
</head>
<body>
<div class="header">
<a href="/" class="back-link">&larr; Back to syu.is</a>
<h1>Privacy Policy</h1>
</div>
<h2>1. Introduction</h2>
<p>This Privacy Policy explains how syu.is collects, uses, and protects your personal information when you use our service.</p>
<h2>2. Information We Collect</h2>
<p>We collect the following types of information:</p>
<ul>
<li><strong>Account Information:</strong> Email address, username, and profile information you provide</li>
<li><strong>Content:</strong> Posts, messages, and other content you create on the platform</li>
<li><strong>Usage Data:</strong> Information about how you interact with our service</li>
<li><strong>Device Information:</strong> Browser type, operating system, and device identifiers</li>
</ul>
<h2>3. How We Use Your Information</h2>
<p>We use your information to:</p>
<ul>
<li>Provide and maintain our service</li>
<li>Improve and personalize your experience</li>
<li>Communicate with you about the service</li>
<li>Ensure security and prevent abuse</li>
</ul>
<h2>4. Data Sharing</h2>
<p>As part of the AT Protocol federation, your public content may be shared with other servers in the network. We do not sell your personal information to third parties.</p>
<h2>5. Data Security</h2>
<p>We implement appropriate security measures to protect your personal information. However, no method of transmission over the Internet is 100% secure.</p>
<h2>6. Your Rights</h2>
<p>You have the right to:</p>
<ul>
<li>Access your personal data</li>
<li>Request correction of your data</li>
<li>Request deletion of your account</li>
<li>Export your data</li>
</ul>
<h2>7. Cookies</h2>
<p>We use cookies and similar technologies to maintain your session and improve your experience.</p>
<h2>8. Changes to This Policy</h2>
<p>We may update this Privacy Policy from time to time. We will notify you of any significant changes.</p>

76
html/about/support/tos.html Normal file
View File

@@ -0,0 +1,76 @@
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<title>Terms of Service - syu.is</title>
<link rel="icon" type="image/png" href="/static/favicon.png">
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
line-height: 1.6;
color: #1a1a1a;
background: #fff;
padding: 20px;
max-width: 800px;
margin: 0 auto;
}
@media (prefers-color-scheme: dark) {
body { background: #000; color: #e0e0e0; }
a { color: #6bb3ff; }
h1, h2, h3 { color: #fff; }
}
h1 { font-size: 28px; margin-bottom: 24px; padding-bottom: 12px; border-bottom: 1px solid #ddd; }
h2 { font-size: 20px; margin: 24px 0 12px; }
p { margin-bottom: 16px; }
ul { margin: 0 0 16px 24px; }
li { margin-bottom: 8px; }
a { color: #0066cc; text-decoration: none; }
a:hover { text-decoration: underline; }
.header { margin-bottom: 32px; }
.back-link { display: inline-block; margin-bottom: 16px; font-size: 14px; }
.footer { margin-top: 40px; padding-top: 20px; border-top: 1px solid #ddd; font-size: 14px; color: #666; }
</style>
</head>
<body>
<div class="header">
<a href="/" class="back-link">&larr; Back to syu.is</a>
<h1>Terms of Service</h1>
</div>
<h2>1. Introduction</h2>
<p>Welcome to syu.is. By using our service, you agree to these terms. Please read them carefully.</p>
<h2>2. Service Description</h2>
<p>syu.is is a social networking service built on the AT Protocol. We provide a platform for users to share content and connect with others.</p>
<h2>3. User Responsibilities</h2>
<p>As a user of syu.is, you agree to:</p>
<ul>
<li>Provide accurate information when creating an account</li>
<li>Keep your account credentials secure</li>
<li>Not use the service for illegal activities</li>
<li>Respect other users and their content</li>
<li>Comply with applicable laws and regulations</li>
</ul>
<h2>4. Content Guidelines</h2>
<p>Users are responsible for the content they post. Prohibited content includes:</p>
<ul>
<li>Illegal content</li>
<li>Harassment or abuse</li>
<li>Spam or misleading information</li>
<li>Content that violates others' rights</li>
</ul>
<h2>5. Privacy</h2>
<p>Your privacy is important to us. Please review our <a href="/about/support/privacy-policy">Privacy Policy</a> to understand how we handle your data.</p>
<h2>6. Disclaimer</h2>
<p>The service is provided "as is" without warranties of any kind. We are not liable for any damages arising from your use of the service.</p>
<h2>7. Changes to Terms</h2>
<p>We may update these terms from time to time. Continued use of the service after changes constitutes acceptance of the new terms.</p>
<h2>8. Contact</h2>

135
html/index.html Normal file
View File

@@ -0,0 +1,135 @@
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<title>App Info - Aiat</title>
<link rel="icon" type="image/png" href="/static/favicon.png">
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
line-height: 1.6;
color: #1a1a1a;
background: #fff;
padding: 20px;
max-width: 800px;
margin: 0 auto;
}
@media (prefers-color-scheme: dark) {
body { background: #000; color: #e0e0e0; }
a { color: #6bb3ff; }
h1, h2, h3 { color: #fff; }
.section { background: #1a1a1a; }
.info-item { background: #2a2a2a; }
}
.header { margin-bottom: 32px; }
.back-link { display: inline-block; margin-bottom: 16px; font-size: 14px; color: #0066cc; text-decoration: none; }
.back-link:hover { text-decoration: underline; }
.app-header { text-align: center; margin-bottom: 32px; }
.app-icon { width: 80px; height: 80px; border-radius: 18px; margin-bottom: 12px; }
.app-name { font-size: 24px; font-weight: bold; margin-bottom: 4px; }
.app-version { font-size: 14px; color: #666; }
.section { background: #f5f5f5; border-radius: 16px; padding: 20px; margin-bottom: 16px; }
.section-title { font-size: 13px; font-weight: 600; color: #999; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 12px; }
.description { font-size: 15px; line-height: 22px; }
.info-grid { display: flex; flex-wrap: wrap; gap: 8px; }
.info-item { flex: 1; min-width: 45%; text-align: center; background: #e8e8e8; border-radius: 12px; padding: 12px; }
.info-label { font-size: 11px; color: #999; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px; }
.info-value { font-size: 16px; font-weight: 600; }
.developer-name { font-size: 18px; font-weight: 600; margin-bottom: 12px; }
.link-row { display: flex; align-items: center; padding: 12px 0; border-top: 1px solid rgba(0,0,0,0.1); }
.link-icon { font-size: 14px; font-weight: 600; color: #666; width: 70px; }
.link-value { flex: 1; font-size: 14px; color: #0084ff; text-decoration: none; }
.link-value:hover { text-decoration: underline; }
.link-arrow { font-size: 16px; color: #ccc; }
.bitcoin-row { display: flex; align-items: center; background: rgba(247, 147, 26, 0.08); border-radius: 12px; padding: 14px; gap: 10px; }
.bitcoin-label { font-size: 18px; font-weight: 600; color: #f7931a; }
.bitcoin-address { flex: 1; font-size: 11px; font-family: monospace; color: #666; word-break: break-all; }
.copy-btn { font-size: 12px; color: #999; cursor: pointer; min-width: 50px; text-align: right; }
.copy-btn:hover { color: #0084ff; }
.footer { text-align: center; margin-top: 32px; padding-top: 20px; border-top: 1px solid #ddd; }
.copyright { font-size: 12px; color: #999; }
</style>
</head>
<body>
<div class="header">
<a href="/" class="back-link">&larr; Back to syu.is</a>
</div>
<div class="app-header">
<img src="/static/app.png" alt="Aiat" class="app-icon">
<div class="app-name">Aiat</div>
<div class="app-version">v1.111.0</div>
</div>
<div class="section">
<p class="description">Aiat is a social networking application based on AT Protocol. Connect with your community on syu.is.</p>
</div>
<div class="section">
<div class="section-title">App Information</div>
<div class="info-grid">
<div class="info-item">
<div class="info-label">Version</div>
<div class="info-value">1.111.0</div>
</div>
<div class="info-item">
<div class="info-label">Category</div>
<div class="info-value">Social</div>
</div>
<div class="info-item">
<div class="info-label">Supported OS</div>
<div class="info-value">iOS 26.0+</div>
</div>
<div class="info-item">
<div class="info-label">Price</div>
<div class="info-value">Free</div>
</div>
</div>
</div>
<div class="section">
<div class="section-title">Developer</div>
<div class="developer-name">syui</div>
<div class="link-row">
<span class="link-icon">GitHub</span>
<a href="https://github.com/syui" class="link-value" target="_blank">github.com/syui</a>
<span class="link-arrow">→</span>
</div>
<div class="link-row">
<span class="link-icon">ATProto</span>
<a href="https://syu.is/syui" class="link-value" target="_blank">syu.is/syui</a>
<span class="link-arrow">→</span>
</div>
</div>
<div class="section">
<div class="section-title">Bitcoin</div>
<div class="bitcoin-row">
<span class="bitcoin-label">₿</span>
<span class="bitcoin-address" id="btc-address">3BqHXxraZyBapyNpJmniJDh9zqzuB8aoRr</span>
<span class="copy-btn" onclick="copyBTC()">copy</span>
</div>
</div>
<div class="footer">
<p class="copyright">© syui</p>
</div>
<script>
function copyBTC() {
const addr = document.getElementById('btc-address').textContent;
navigator.clipboard.writeText(addr).then(() => {
const btn = document.querySelector('.copy-btn');
btn.textContent = 'copied!';
btn.style.color = '#4CAF50';
setTimeout(() => {
btn.textContent = 'copy';
btn.style.color = '';
}, 2000);
});
}
</script>
</body>
</html>

BIN
html/static/app.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
html/static/favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1005 B

56
ios/setup.zsh
View File

@@ -203,6 +203,55 @@ function ios-setup-clone() {
echo "Repository found: $target_dir"
}
# Generate static HTML for at.syui.ai (CF Pages)
function ios-generate-static-html() {
echo "━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━"
echo "🌐 Generating static HTML for at.syui.ai..."
local templates="$target_dir/bskyweb/templates"
local html_out="$d/html/about/support"
local static_out="$d/html/static"
# Check if templates exist
if [ ! -d "$templates" ]; then
echo "⚠️ Templates not found, skipping static HTML generation"
return 1
fi
# Create output directories
mkdir -p "$html_out"
mkdir -p "$static_out"
# Convert templates to static HTML
# Replace {{ staticCDNHost }} with empty string (use relative paths)
for template in about-privacy.html about-license.html about-tos.html about-help.html; do
if [ -f "$templates/$template" ]; then
local output_name="${template#about-}" # Remove 'about-' prefix
sed 's/{{ staticCDNHost }}//g' "$templates/$template" > "$html_out/$output_name"
fi
done
# Copy static assets from ios/assets
local favicon_src="$d/ios/assets/favicons"
if [ -d "$favicon_src" ]; then
cp -f "$favicon_src/favicon.png" "$static_out/" 2>/dev/null
fi
if [ -f "$d/ios/assets/logo.png" ]; then
cp -f "$d/ios/assets/logo.png" "$static_out/app.png"
fi
# Use about-app.html as index.html (root page)
if [ -f "$templates/about-app.html" ]; then
sed 's/{{ staticCDNHost }}//g' "$templates/about-app.html" > "$d/html/index.html"
fi
echo "✅ Generated static HTML in $d/html/"
echo " - index.html (app info)"
echo " - about/support/privacy.html"
echo " - about/support/license.html"
echo ""
}
function ios-setup-reset() {
echo "Resetting social-app repository..."
cd $target_dir
@@ -221,6 +270,7 @@ case "$1" in
ios-patch-apply-all
ios-restore-build-placeholder
ios-copy-new-files
ios-generate-static-html
show-failed-patches
exit
;;
@@ -228,12 +278,18 @@ case "$1" in
ios-setup-reset
exit
;;
html)
# Generate static HTML only (requires patches to be applied first)
ios-generate-static-html
exit
;;
*)
ios-setup-clone
ios-generate-build-number
ios-patch-apply-all
ios-restore-build-placeholder
ios-copy-new-files
ios-generate-static-html
show-failed-patches
;;
esac

4
task.md
View File

@@ -1,4 +0,0 @@
## Rules & Constraints
- Do not reformat existing code unless explicitly requested.
- Maintain existing import styles (newlines, sorting).
- Keep patches minimal (clean deltas).