FAQ Refactor (#30)

* FAQ first draft

* fix compilation errors

* formatting

* collapsible toggle for faq

* faq as json with repeatable template; todo fix links

* convert faq to json data and make faq item a component

* Minor copy fixes/edits and revert matrix server address

* Added messaging on contact page

---------

Co-authored-by: Lucy Cifferello <12953208+elvece@users.noreply.github.com>
This commit is contained in:
kn0wmad
2023-10-13 22:32:18 +00:00
committed by GitHub
parent 3e348ba35b
commit 256f90fcc2
10 changed files with 533 additions and 5 deletions

309
src/_data/faq.json Normal file
View File

@@ -0,0 +1,309 @@
{
"general": [
{
"question": "What is Start9 Labs?",
"answer": "Start9 Labs is a company composed of a global team of builders, based in Denver, USA. Start9 is the lead development team behind StartOS, and sells plug-and-play personal servers. Learn more on our <a href=\"https://start9.com/about\">About Page</a>.",
"bullets": [],
"additional": ""
},
{
"question": "What is a personal server?",
"answer": "\"The Cloud\" is just someone else's computer, but it doesn't have to be. You can think of a personal server as your own private cloud. Most things that you normally do using Big Tech services, such as file storage, photo sharing, video conferencing, hosting a blog, consuming your favorite media, Bitcoin transactions, and much more can be done on your own server. Before StartOS, running a personal server was a daunting task, but now anybody can do it, and nobody can stop it!",
"bullets": [],
"additional": ""
},
{
"question": "Why would I want to run a personal server?",
"answer": "When you switch from Big Tech services to running your own on a personal server, you will:",
"bullets": [
"Save money - there are no subscription fees",
"Save time - there are no advertisements or confusing terms to agree to",
"Protect your data - it belongs to you exclusively, share only what you choose",
"Enhance your privacy - protect against metadata leaks, no trackers or spyware",
"Become Sovereign - even if your Internet is cut off, you can still access your data"
],
"additional": ""
},
{
"question": "Where can I get help?",
"answer": "Start9 has built a strong reputation around accessible, helpful humans to guide you on your Sovereign Computing journey! The first place to check is our <a href=\"https://community.start9.com\" target=\"_blank\" rel=\"noopener noreferrer\">Community Hub</a> - be sure to do a search, as your inquiry has likely already been answered.<br/><br/>If you still have a problem, or need a concept explained, jump into one of our other <a href=\"https://start9.com/contact\" target=\"_blank\" rel=\"noopener noreferrer\">Community Channels</a> - again, be sure to do a search first!<br/><br/>If you need help with a service that you have installed on StartOS, you might like to <a href=\"https://docs.start9.com/latest/support/external-support\" target=\"_blank\" rel=\"noopener noreferrer\">go to their team directly</a>, as they will be the foremost experts on that software.",
"bullets": [],
"additional": ""
},
{
"question": "What is StartOS?",
"answer": "StartOS is a new kind of Linux-based Operating System (OS). It is built from the ground up to allow anyone to easily run a private “cloud,” become independent from Big Tech, and own their data. All operation is done from your client devices (mobile/laptop/desktop) using a sleek and intuitive UI. You can also integrate many popular native apps, such as Bitwarden, Matrix, Nextcloud, Bitcoin wallets, and more!<br/>StartOS contains a suite of tools which make it easy to:",
"bullets": [
"Install, manage, and run services that YOU own and control from a simple Marketplace registry (similar to your phone's app store)",
"Upgrade StartOS and your services with the latest features and security updates",
"Backup services and data, and restore from backups if needed",
"Quickly gain insight on your services with our powerful Health Checks and Notifications systems",
"Create your own StartOS services with our poweful developer SDK, including an “Actions” API to simplify complex operations for the common user",
"and much, much more!"
],
"additional": ""
},
{
"question": "Is StartOS Open Source?",
"answer": "Yes! StartOS source code is available under an <a href=\"https://github.com/Start9Labs/start-os/blob/master/LICENSE\" target=\"_blank\" rel=\"noopener noreferrer\">MIT license</a>.",
"bullets": [],
"additional": ""
},
{
"question": "What are StartOS services?",
"answer": "A \"service\" can be any piece of software added to a Marketplace registry. Unlike “apps,” services are (usually) “server-side” software, meaning they are intended to run 24/7/365 and listen for requests from your clients (apps). All services are “self-hosted,” meaning that you are in complete control of your data. This means you can run your own private “cloud!” Learn more about <a href=\"https://docs.start9.com/latest/user-manual/overview/managing-services.html\" target=\"_blank\" rel=\"noopener noreferrer\">managing services</a> and check out our currently <a href=\"https://marketplace.start9.com\" target=\"_blank\" rel=\"noopener noreferrer\">Available Services</a>.",
"bullets": [],
"additional": ""
},
{
"question": "Will you add \"X\" service to the Marketplace?",
"answer": "The answer from Start9, the company, is \"probably not.\" Start9 is dedicated to building a powerful and reliable foundation for Sovereign Computing in the form of StartOS. Start9 will always maintain a small set of \"official\" services, which allow for a wide range of features that the average user would need. The bulk of the responsibility for StartOS service packaging therefore, will fall on community and upstream software developers. Check out <a href=\"https://blog.start9.com/start9-marketplace-strategy/\" target=\"_blank\" rel=\"noopener noreferrer\">this blog post</a> for more details on this strategy. If you'd like to show demand for a particular service, you can upvote it or add it to this <a href=\"https://embassyos.fans/\" target=\"_blank\" rel=\"noopener noreferrer\">unofficial feedback forum</a>.<br/><br/>We strive to make it as easy as possible to add a service to StartOS, and we do not want to limit this ability to those with extensive development skills. This will be a process that evolves a lot over the coming years. Please check out our <a href=\"https://docs.start9.com/latest/developer-docs\" target=\"_blank\" rel=\"noopener noreferrer\">Developer Docs</a> to learn more.",
"bullets": [],
"additional": ""
},
{
"question": "Does Start9 have access to my server's encryption keys or data?",
"answer": "Absolutely not. Start9 has extremely little insight into your device, and no insight whatsoever into your data or keys. The only information Start9 can glean is that certain IP addresses are downloading certain services from our Official Registry. Discovering who you are based on your IP address would require collusion with your ISP. Using any registry is opt-in, and furthermore you can mask your IP address from Start9 entirely by using a VPN if you choose.",
"bullets": [],
"additional": ""
},
{
"question": "How does StartOS compare to \"X\"?",
"answer": "There are several \"home server\" competitors, and there are distinct trade-offs to each platform, but we are definitely moving toward the same future, which is a win for everyone!<br/><br/>One difference with Start9 is that we created an easy-to-use OS for general-purpose, sovereign hosting of server-side software. No other project (that we know of) started this way, but several are pivoting (often poorly) in this direction. There's also no reason you can't use more than one device. As an example, some users prefer StartOS for their data (passwords, documents, photos) and RoninDojo for their Bitcoin stack.<br/><br/>Some other things that StartOS offers that others do not:",
"bullets": [
"Graphical configuration of services (no CLI or config files)",
"System backups (pretty important)",
"Encrypted connection over the home network (https)",
"Health Checks for quick-glance understanding of the status of your services",
"Unique user experiences created by service-packagers, including “Actions” (custom commands at the click of a button!)"
],
"additional": "From an architectural perspective, StartOS is a true operating system (Linux-based), giving you the ability to understand and control what is going on. Many other systems are black boxes offering little insight or agency to you. If something goes wrong, you'll have to put on your engineer hat and go command line diving. Lastly, our team is very responsive and helpful. We pride ourselves on providing fantastic customer support and education."
}
],
"usage": [
{
"question": "Is StartOS easy to use?",
"answer": "Yes. The whole mission of Start9 is to make personal servers accessible. Basic use of a personal computer can be learnt in about an hour - it is about the same with a personal server.",
"bullets": [],
"additional": ""
},
{
"question": "How does StartOS work?",
"answer": "You can connect to and manage your server from your mobile device, desktop computer, or laptop computer. This is accomplished in the browser by visiting your server's private URL, which is provided at setup.<br/><br/>Once on your server's web page (the StartOS dashboard), you can choose what services to install. Then, each installed service also receives its own private URL, such that you can access it from the browser or any mobile app that supports using the service as a backend.<br/><br/>The list of services will grow rapidly over the coming months and years, such that most or all the things you currently do using cloud-based third party servers can be just as easily accomplished using your own personal cloud serving your own personal software and storing your data privately. No trusted third parties at all.",
"bullets": [],
"additional": ""
},
{
"question": "What kind of Internet connection does a server require?",
"answer": "In general, any modern Internet connection is usually fine. We have had reports from users on rural satellite connections with high latency (ping), and low up/download speeds who had issues accessing via Tor. You can <a href=\"https://speed.cloudflare.com/\" target=\"_blank\" rel=\"noopener noreferrer\">check your internet connection</a> to find your ping and speed. If your ping is higher than 200ms and/or your speeds are lower than 5Mbps, you may want to locate your server somewhere with a better connection, such as at a friend's house.",
"bullets": [],
"additional": ""
},
{
"question": "I run a business, can I use StartOS for tasks such as password management and file sharing?",
"answer": "Absolutely. A Start9 server would be a great addition to any business as it is easy to use and provides services that you control, with no subscription fees. You can even run your own payment processor and accept cryptocurrency payments with no third party necessary!",
"bullets": [],
"additional": ""
},
{
"question": "Can I run StartOS on a VPS or VM?",
"answer": "Yes! The <a href=\"https://start9.com/diy\" target=\"_blank\" rel=\"noopener noreferrer\">DIY Guide</a> has some details. Also check out our <a href=\"https://community.start9.com\" target=\"_blank\" rel=\"noopener noreferrer\">Community Hub</a> to see guides and tips from community members.",
"bullets": [],
"additional": ""
},
{
"question": "Is it possible to use StartOS on my own hardware?",
"answer": "Yes! The <a href=\"https://start9.com/diy\" target=\"_blank\" rel=\"noopener noreferrer\">DIY Guide</a> will take you through our guidelines. This option is great for people who already own some hardware or who live outside the US and want to save on shipping and customs fees.<br/><br/>Additionally, StartOS is available for you to download or build from source for free. The caveat is that you will miss out on the perks that come along with purchasing from us, such as white-glove support, and others, which will grow over time.",
"bullets": [],
"additional": ""
},
{
"question": "Do I plug my Start9 server into my computer?",
"answer": "No. Your Start9 server only needs to be plugged into power and internet, just like your router. You can set it up right by your router and, similar to a router, generally forget about it - as all access is via your other devices.",
"bullets": [],
"additional": ""
},
{
"question": "Do I plug in a monitor, keyboard, and mouse?",
"answer": "Typically, no. It is not necessary or recommended to do this as StartOS runs in “headless” mode by default - meaning that you will access it from your computer or mobile device. However, StartOS does offer \"Kiosk Mode\", which allows the installation (and use) of StartOS with a monitor/keyboard/mouse. This can be especially useful for troubleshooting.",
"bullets": [],
"additional": ""
},
{
"question": "How much storage does a Start9 server have?",
"answer": "Currently, Start9 servers ship with 128/256GB SD cards (Server Lite) and 1/2/4TB SSDs (Server One & Pure), but you may use a larger drive if you prefer. We advise against HDDs at this time for performance reasons.",
"bullets": [],
"additional": ""
},
{
"question": "What if someone gets physical access to my device, can they read the contents? Is it encrypted?",
"answer": "Data is currently encrypted at rest, but not in a way that would prevent a sophisticated attacker from accessing it. This is a step towards better security in the near future. At-rest encryption on servers is a serious challenge, because of the need for remote availability. For example, you may not be at home to enter an encryption password following a power outage, leaving you without access to your server.<br/><br/>Services like Vaultwarden, however, encrypt all user data, so your passwords will not be compromised unless they know your master password.",
"bullets": [],
"additional": ""
},
{
"question": "Can I run multiple Start9 servers?",
"answer": "Yes, but there is currently no way to synchronize or federate them. We are working on ways to make this possible in the future.",
"bullets": [],
"additional": ""
},
{
"question": "Can I still use my VPN?",
"answer": "The short answer is yes, but sometimes they can cause some conflicts when accessing your server. If you need to troubleshoot, turning off your VPN is a good place to start. The following VPNs are known to not interfere with the proper settings enabled (please let us know if you have a VPN to add):",
"bullets": [
"Mullvad - Go to \"Settings -> VPN Settings -> Local Network Sharing\" - enable this option to be able to access your server's .local addresses.",
"ProtonVPN - Go to \"Preferences -> Connection -> Allow LAN Connections\" - enable this option to be able to access your server's .local addresses.",
"iVPN - Go to \"Settings -> IVPN Firewall -> LAN settings -> Allow LAN traffic when IVPN firewall is enabled\" - enable this option to be able to access your server's .local addresses"
],
"additional": ""
},
{
"question": "What if I forget my StartOS Master Password?",
"answer": "Please follow our <a href=\"https://docs.start9.com/latest/guides/reset-password\" target=\"_blank\" rel=\"noopener noreferrer\">Password Reset Guide</a> to reset your password.",
"bullets": [],
"additional": ""
},
{
"question": "Can I have multiple users on StartOS?",
"answer": "Currently, StartOS itself is designed for a single user. There is no way to grant others access to your server without sharing your personal, master password, which is not recommended. There are certain services, however, such as Vaultwarden, File Browser, and Nextcloud, that do support multiple users (aka the “Uncle Jim” model). People who trust you (and vice versa) can create their own, personal accounts for these services. This is great for families or small businesses. Let them know that they are trusting you with their data, and that it might be preferable for them to take the final leap of sovereignty and get a server of their own.<br/><br/>Multi-tenancy is a desired future OS feature. Stay tuned.",
"bullets": [],
"additional": ""
},
{
"question": "Do I need to delete existing backups before doing a new backup? Or does a new backup override the old backup?",
"answer": "No, you don't need to delete the old backups. The technology we use updates the existing backup. This is known as a “diff-based” model, where the “difference” in backups is what is recorded.",
"bullets": [],
"additional": ""
},
{
"question": "Can I use apps that I previously used with cloud-hosted infrastructure, with my own server?",
"answer": "It depends on the software, but there are lots of apps and ecosystems that work just as well with your own server as they do with cloud providers. Bitwarden is an excellent example of this - you can use the browser extensions and mobile/desktop apps that you are used to with your Vaultwarden service hosted on your own StartOS server!",
"bullets": [],
"additional": ""
}
],
"products": [
{
"question": "Does Start9 ship worldwide?",
"answer": "We ship everywhere that DHL ships. Please consider that in some countries, the VAT and Customs fees are so ridiculous that they cost as much as the server itself. You may wish to consider buying your hardware locally and building your own device, downloading StartOS from our github, and donating to us. Please see the <a href=\"https://start9.com/diy\" target=\"_blank\" rel=\"noopener noreferrer\">DIY Guide</a> for details.",
"bullets": [],
"additional": ""
},
{
"question": "Do you have international electrical plugs?",
"answer": "Power supplies for the EU, AU, US, and UK standards are usually available. Please be sure to inquire if your shipping address may not match the plug style you require.",
"bullets": [],
"additional": ""
},
{
"question": "Are the power supplies 220v compatible?",
"answer": "Yes. Start9 server power supplies are typically rated for 100-240V.",
"bullets": [],
"additional": ""
},
{
"question": "Is there a product warranty?",
"answer": "Yes! The full warranty for a device purchased from us is located on the insert in the box (1 year). Furthermore, Start9 commits, to the best of our ability, to serving our users. We will resolve any issue encountered with our provided hardware or software in a personalized manner. We strive to provide highly available, quality customer service.",
"bullets": [],
"additional": ""
},
{
"question": "What are you using for a store backend? Do you store my data?",
"answer": "Credit card sales are processed through Shopify, which we do not like, but it was expedient in the early days, especially for shipping, so we went with it. Aside from a master list of email addresses for those who have explicitly opted in to our mailing list, all customer credit card data is stored within Shopify. We do not duplicate it anywhere. We ask Shopify to delete our customer data, but they claim it takes upward of 3 months to comply and we of course have no guarantee the data will actually be deleted permanently.<br/><br/>Enter our Bitcoin Store! This is hosted by Start9, only the minimum necessary shipping information is required to purchase with Bitcoin/Lightning, we offer a discount for these payment methods, and we routinely delete customer data.<br/><br/>Finally, you can always assemble the hardware yourself and download StartOS without providing any personal information.",
"bullets": [],
"additional": ""
},
{
"question": "My server came with a 'product key,' or similar unique code - what is that?",
"answer": "This will entitle you to white glove support as well as future benefits yet to be announced.",
"bullets": [],
"additional": ""
},
{
"question": "Why would I even buy this when I can just build it for free?",
"answer": "",
"bullets": ["You will get white glove support in your preferred format, from text chat to screen sharing conference calls.", "Supporting the project. Buying a server from Start9 is your way of supporting the development of the project. And it's not just out of gratitude, but rather, a recognition that if the project isn't funded, the cool software stops coming.", "Convenience. This is the big one. It's true, some people will choose to use the software without buying a server, but most will not. Very few people on Earth are comfortable using the command line, compiling code, and configuring an OS. Furthermore, hardware is necessary. Sure, some people already have a Raspberry Pi, and others may try to re-purpose an old laptop, but many people would be choosing between buying the hardware components themselves and assembling vs buying pre-assembled at a reasonable markup."],
"additional": "Bottom line... We are charging a marginal rate for something incredibly powerful, and we think the convenience of a plug-and-play device, free service marketplace, and white glove support is where the money is. Anyone could build their own couches too, but here is a reason furniture stores exist. How much is your time worth?"
}
],
"bitcoin": [
{
"question": "Which wallets can I use that integrate with my Bitcoin and/or Lightning nodes?",
"answer": "Please see the <a href=\"https://docs.start9.com/latest/guides/service-guides/bitcoin/bitcoin-integrations.html\" target=\"_blank\" rel=\"noopener noreferrer\">Bitcoin Integrations</a> and <a href=\"https://docs.start9.com/latest/guides/service-guides/lightning/index.html\" target=\"_blank\" rel=\"noopener noreferrer\">Lightning Integrations</a> for all the currently supported options. Please <a href=\"https://github.com/Start9Labs/documentation/issues\" target=\"_blank\" rel=\"noopener noreferrer\">submit an issue</a> with precise connection steps if you are able to connect a wallet that we have not yet listed.",
"bullets": [],
"additional": ""
},
{
"question": "What if I want to use a hardware wallet?",
"answer": "Please see <a href=\"https://community.start9.com/t/how-do-i-use-a-hardware-wallet/679\" target=\"_blank\" rel=\"noopener noreferrer\">this forum post</a>.",
"bullets": [],
"additional": ""
},
{
"question": "Does StartOS run a full archival Bitcoin node or a pruned one?",
"answer": "The option is yours. In the Bitcoin Config, find the section on pruning to prune to specified sizes, or turn pruning off entirely for a full archival node. Please keep in mind that a full archival node will take up up to 600GB of your data drive as of 2023. If you have a small disk (under 1TB), StartOS will automatically change Bitcoin's config to prune.",
"bullets": [],
"additional": ""
},
{
"question": "What actions, specifically, are only possible with an archival, or 'unpruned' node?",
"answer": "Generally, the more sophisticated the blockchain analysis being done is, the more index data is required, which will increase the system resources required. For example, if you wanted to run a block explorer (such as the Mempool service), you would require not only a full archival node, but also a full transaction index. So, specifically, at this time, a full archival node is required for running an Electrum server, a block explorer, and for doing advanced chain analysis in general.",
"bullets": [],
"additional": ""
},
{
"question": "Is it insecure to run a pruned node?",
"answer": "As a user, pruned nodes and archival nodes provide you the same security. In a larger sense, if 100% of people ran pruned nodes, the security of the network could be in dire circumstances and be put at risk if no nodes kept history, as then no one could bootstrap new nodes. The reality however, is that most StartOS users are new node operators, so there is no net systemic risk introduced if users decide to run a pruned node.",
"bullets": [],
"additional": ""
},
{
"question": "How can I migrate from MyNode/Raspiblitz/Umbrel to StartOS and keep my lightning channels intact?",
"answer": "If you have a MyNode/Raspiblitz/Umbrel and a StartOS server and they're on the same network, you can just select \"Services > Lightning Network Daemon > Actions > Import from MyNode/Raspiblitz/Umbrel\" in your StartOS server's web interface and your LND settings and channels will be automatically migrated!<br/><br/>Alternatively, or if you're migrating from another project or home build, we've created a guide that you can adapt in order to <a href=\"https://community.start9.com/t/howto-migrate-from-umbrel-0-5-x-to-startos/56\" target=\"_blank\" rel=\"noopener noreferrer\">migrate your LND node</a>. There has currently been no demand for CLN migrations, likely because we were the first to offer CLN, but let us know if you are looking to do this",
"bullets": [],
"additional": ""
},
{
"question": "Can I mine Bitcoin with this?",
"answer": "You do <strong>not</strong> want to do this. Mining equipment is highly specialized, and this is not that.",
"bullets": [],
"additional": ""
},
{
"question": "Why would I want to run a lightning node?",
"answer": "The Lightning Network (LN) is a second 'layer,' built on top of the Bitcoin Protocol. As a result all transactions on LN are backed up by the full security of the Bitcoin network. Lightning is designed for instant payments between nodes, but similar to running a Bitcoin node, running your own is the only way to be sovereign. When you have your own node, you will have the convenience of linking a Lightning wallet, for use on the go. It is also possible to earn an income (granted a very small one at this time), if you are willing to learn how to become a 'routing node.'",
"bullets": [],
"additional": ""
},
{
"question": "Can I make money as a Lightning Network routing node or service provider?",
"answer": "Maybe, but don't quit your day job. This is a non-trivial exercise, which often results in trivial profits at best. You need to do a deep dive on this to understand what you are getting into.",
"bullets": [],
"additional": ""
},
{
"question": "I opened a Lightning channel, but my local balance is lower than I expected. Where is the remainder?",
"answer": "A fee to close the channel (onchain) is set aside at opening.",
"bullets": [],
"additional": ""
},
{
"question": "How is that fee estimation calculated?",
"answer": "The commitment fees are automatically negotiated every few blocks with your peer. They are on chain txs like all channel closes but they are not broadcast until you attempt to close the channel.",
"bullets": [],
"additional": ""
},
{
"question": "Is it possible to run Core Lightning and LND in parallel on StartOS?",
"answer": "Yes, you may run both. They will operate in their own environments and allow you to run services that depend on either.",
"bullets": [],
"additional": ""
},
{
"question": "Are my addresses, channels, and balances all stored in LND/Core Lightning, or RTL, Zeus, etc?",
"answer": "This is all on your Lightning node (LND or Core Lightning), including on-chain funds, while RTL (or Zap, Zeus, etc) is just a GUI for accessing your node.",
"bullets": [],
"additional": ""
}
]
}

View File

@@ -131,7 +131,7 @@ module.exports = [
{
"name": "Start",
"slug": "startos",
"order": 2,
"order": 3,
"size": "half",
"inHeader": false,
"inFlyout": true,
@@ -145,12 +145,20 @@ module.exports = [
"order": 0,
"class": ""
},
{
"name": "FAQ",
"slug": "faq",
"url": "/faq",
"target": "",
"order": 1,
"class": ""
},
{
"name": "Docs",
"slug": "docs",
"url": site.docs.url,
"target": "_blank",
"order": 1,
"order": 2,
"class": ""
},
{
@@ -158,7 +166,7 @@ module.exports = [
"slug": "marketplace",
"url": site.dev.marketplace,
"target": "_blank",
"order": 2,
"order": 3,
"class": ""
}
]

View File

@@ -1,4 +1,12 @@
[
{
"title": "Privacy Action Plan Interviews Dave Croisant - Having Your Own Private Cloud",
"date": "September 21, 2023",
"link": "https://privacyactionplan.com/watch-the-replay-of-glenns-interview-with-david-croisant-about-having-your-own-private-cloud/",
"image": "https://privacyactionplan.com/wp-content/uploads/2021/12/PAP-Logo-black-on-Trans-250w-1.png",
"anchor": "Privacy Action Plan Skill Sessions",
"description": "I had a great interview with David Croisant about how we can take back control of our information and privacy by having our own private cloud."
},
{
"title": "Interview with David Croisant",
"date": "August 7, 2023",

View File

@@ -43,7 +43,7 @@ module.exports = {
},
media: {
// NOTE: the keys here correspond to the name of the svg logo
matrix: 'https://matrix.to/#/!lMnRwPWnyQvOfAoEnD:matrix.start9labs.com',
matrix: 'https://matrix.to/#/#start9-community:matrix.start9labs.com',
twitter: 'https://twitter.com/start9labs',
telegram: 'https://t.me/start9_labs',
youtube: 'https://www.youtube.com/channel/UCGEw4HJDvOn3Oy8ykR36P7Q',

View File

@@ -0,0 +1,21 @@
<div class="wrap-collabsible">
<input id="{{ item.question }}" class="toggle" type="checkbox">
<label for="{{ item.question }}" class="toggle">
<span>{{ item.question }}</span>
</label>
<div class="collapsible-content">
<div class="content-inner">
<p>{{ item.answer | safe }}</p>
{% if item.bullets|length > 0 %}
<ul>
{% for detail in item.bullets %}
<li>{{ detail | safe }}</li>
{% endfor %}
</ul>
{% endif %}
{% if item.additional|length > 0 %}
<p>{{ item.additional | safe }}</p>
{% endif %}
</div>
</div>
</div>

View File

@@ -0,0 +1,3 @@
<svg width="155" height="73" viewBox="0 0 155 73" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.986001 59V1.6H41.576V11.276H11.81V26.118H39.116V35.794H11.81V59H0.986001ZM37.9315 59L61.1375 1.6H71.4695L94.6755 59H83.1135L77.3735 43.994H55.2335L49.4935 59H37.9315ZM64.1715 20.542L58.9235 34.318H73.6835L68.4355 20.542L67.7795 18.738L66.3035 14.31L64.8275 18.738L64.1715 20.542ZM154.466 30.3C154.466 36.696 152.854 42.354 149.628 47.274C146.403 52.1393 142.057 55.6927 136.59 57.934C137.957 60.1753 140.308 62.772 143.642 65.724L135.852 72.694C132.08 68.922 128.855 64.74 126.176 60.148H124.946C116.528 60.148 109.503 57.3053 103.872 51.62C98.2416 45.9347 95.4263 38.828 95.4263 30.3C95.4263 21.772 98.2416 14.6653 103.872 8.98C109.503 3.29466 116.528 0.451996 124.946 0.451996C133.365 0.451996 140.39 3.29466 146.02 8.98C151.651 14.6653 154.466 21.772 154.466 30.3ZM111.662 44.814C115.161 48.3673 119.589 50.144 124.946 50.144C130.304 50.144 134.732 48.3673 138.23 44.814C141.729 41.206 143.478 36.368 143.478 30.3C143.478 24.232 141.729 19.4213 138.23 15.868C134.732 12.26 130.304 10.456 124.946 10.456C119.589 10.456 115.161 12.26 111.662 15.868C108.164 19.4213 106.414 24.232 106.414 30.3C106.414 36.368 108.164 41.206 111.662 44.814Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@@ -59,6 +59,7 @@
--c-bkg-light-fade05: rgba(255, 255, 255, 0.05);
--c-bkg-light-fade1: rgba(255, 255, 255, 0.1);
--c-bkg-light-fade1_75: rgba(255, 255, 255, 0.175);
--c-bkg-light-fade2: rgba(255, 255, 255, 0.2);
--c-bkg-light-fade9: rgba(255, 255, 255, 0.9);

View File

@@ -575,6 +575,96 @@ a.btn {
text-align: center;
}
section#faq {
div#general,div#usage,div#products,div#bitcoin {
padding: 3rem 1rem;
}
input[type='checkbox'] {
display: none;
}
span {
color: var(--c-red2);
font-weight: bold;
vertical-align: text-top;
padding-right: 0.3rem;
}
.wrap-collabsible {
margin: 0.9rem 0;
ul {
padding: 1.5rem 2.5rem;
li {
list-style: square;
padding: 0.3rem;
line-height: 1.7rem;
}
}
}
.toggle {
display: block;
padding: 1rem;
color: var(--c-text-primary);
background: var(--c-bkg-light-fade05);
cursor: pointer;
border-radius: 7px;
transition: all 0.25s ease-out;
}
.toggle:hover {
background: var(--c-bkg-light-fade1_75);
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.toggle::after {
content: ' ';
display: inline-block;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 7px solid currentColor;
transform: translateY(-2px);
transition: transform .2s ease-out;
}
.toggle:checked+.toggle::after {
transform: rotate(90deg) translateX(-3px);
}
.collapsible-content {
max-height: 0px;
overflow: hidden;
transition: max-height .25s ease-in-out;
}
.toggle:checked+.toggle+.collapsible-content {
max-height: 150vh;
}
.toggle:checked+.toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.collapsible-content .content-inner {
background: var(--c-bkg-light-fade1);
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
padding: 1rem 1.5rem;
}
.collapsible-content p {
margin-bottom: 0;
}
}
@media only screen and (max-width: 1245px) {
section#hero {
flex-direction: column;
@@ -594,6 +684,16 @@ a.btn {
--width-full: calc(100vw - (2 * var(--side-padding)));
}
section#faq {
padding: 3rem var(--side-padding);
.toggle::after {
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid currentColor;
}
}
section#mission {
--width: 32ch;

View File

@@ -19,6 +19,7 @@ layout: layouts/peripheral.njk
<h4 class="text-center">Reach out on social media</h4>
{% include "components/landing/social-media.njk" %}
<h4 class="text-center">message us</h4>
<p class="text-center">For the quickest response, please join us in Matrix or Telegram (icons above). Alternatively, use the form below and we will normally respond within 24 hours.</p>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<div id="feedback-form">form will be placed in here</div>
@@ -29,7 +30,7 @@ layout: layouts/peripheral.njk
$('#feedback-form').ZammadForm({
messageTitle: 'Start9 Contact Form',
messageSubmit: 'Submit',
messageThankYou: 'Thank you for your inquiry (#%s)! We\'ll contact you as soon as possible.',
messageThankYou: 'Thank you for your inquiry! For the fastest response, please come into our Matrix or Telegram channels. Otherwise, we will get back to you as soon as possible, typically within 24 hours.',
attachmentSupport: true
});
});

77
src/faq.njk Normal file
View File

@@ -0,0 +1,77 @@
---
title: FAQ
layout: layouts/peripheral.njk
---
<section id="hero" class="hero--about">
<div id="hero-image" class="image-with-shadow">
<img src="/assets/images/about-hero.png" alt="about page hero image: a robot emerging from a server" title="about page hero image: a robot emerging from a server"/>
<img class="img-shadow" src="/assets/images/about-hero.png" alt=""/>
</div>
<div id="logo">
<h1>
{% include "svgs/faq.svg" %}
<span style="display: none;">Frequently Asked Questions</span>
</h1>
<ul id="sub-menu">
<li>
<a href="#general">General</a>
</li>
<li>
<a href="#usage">Usage</a>
</li>
<li>
<a href="#products">Products</a>
</li>
<li>
<a href="#bitcoin">Bitcoin</a>
</li>
</ul>
</div>
</section>
<section id="faq">
<div id="general">
<h2>General</h2>
<div class="section__image">
<img src="/assets/images/jobs-hero.png" alt="techs section hero: open laptop" title="techs section hero: open laptop"/>
<img class="img-shadow" src="/assets/images/jobs-hero.png" alt=""/>
</div>
{% for item in faq.general %}
{% include "components/faq-item.njk" %}
{% endfor %}
</div>
<div id="usage">
<h2>Usage</h2>
<div class="section__image">
<img src="/assets/images/news-hero.png" alt="creators section hero: a television" title="creators section hero: a television"/>
<img class="img-shadow" src="/assets/images/news-hero.png" alt=""/>
</div>
{% for item in faq.usage %}
{% include "components/faq-item.njk" %}
{% endfor %}
</div>
<div id="products">
<h2>Products</h2>
<div class="section__image">
<img src="/assets/images/privacy-hero.png" alt="promoters section hero: a privacy ninja" title="promoters section hero: a privacy ninja"/>
<img class="img-shadow" src="/assets/images/privacy-hero.png" alt=""/>
</div>
{% for item in faq.products %}
{% include "components/faq-item.njk" %}
{% endfor %}
</div>
<div id="bitcoin">
<h2>Bitcoin</h2>
<div class="section__image">
<img src="/assets/images/dev-hero.png" alt="dev section hero: terminal icon" title="dev section hero: terminal icon"/>
<img class="img-shadow" src="/assets/images/dev-hero.png" alt=""/>
</div>
{% for item in faq.bitcoin %}
{% include "components/faq-item.njk" %}
{% endfor %}
</div>
</section>