mirror of
https://github.com/InstallerLegacy/virtualhub.eu.org.git
synced 2024-10-22 12:06:03 +00:00
first commit
This commit is contained in:
38
src/pages/about.md
Normal file
38
src/pages/about.md
Normal file
@ -0,0 +1,38 @@
|
||||
---
|
||||
title: About VirtualHub
|
||||
description: Learn more about VirtualHub, the repository of tutorials on how to install old operating systems in different VMs and emulators.
|
||||
---
|
||||
import styles from './logo.module.css';
|
||||
|
||||
# About VirtualHub
|
||||
|
||||
<p className='text--center'><img className={styles.logo} alt="VirtualHub logo" src="/img/logo.webp" width="150"/></p>
|
||||
|
||||
:::tip
|
||||
|
||||
Visit [VirtualHub Blog](/blog) to know more about the fascinating history and stories about VirtualHub.
|
||||
|
||||
:::
|
||||
|
||||
<div className="text--center container">
|
||||
<p>We love to chat with people who love old software. Come join us on discord:</p>
|
||||
<p>
|
||||
<a href="https://chat.virtualhub.eu.org">
|
||||
<img width="320" height="76" src="https://discordapp.com/api/guilds/1176107431013646357/widget.png?style=banner2" alt="Discord Banner"/>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
VirtualHub is a repository of tutorials and resources on how to install old operating systems and apps in virtual machines and emulators. We believe that *everyone* should learn about the heritage of computing. What is the best way to learn how the classical operating systems used to look and behave? What is the best way to learn what the users of those systems felt? To run those systems and apps yourself, of course.
|
||||
|
||||
We help you do that by providing you clear guidance on how to start running those systems and apps on the emulator or VM software of your choice. We believe that each emulator and VM software has their own advantage. So, we cover installing the same operating system on many of them.
|
||||
|
||||
We provide many resources to help you learn how to use the OSs and apps too. We provide links to many sites and third-party tutorials related to the OS or app. One of the characteristic features of the old software were their manuals. We provide links to PDF copies of the documentation manuals of those OS and apps, if available, so that you can have the same learning experience as the people in that age.
|
||||
|
||||
We also provide tutorials on how to install the emulators themselves, but since they are modern software and ever-changing, those tutorials need to be updated very frequently. Hence, we host those on a separate site: [https://setup.virtualhub.eu.org](https://setup.virtualhub.eu.org).
|
||||
|
||||
Though we believe that everyone should *run* these operating systems and apps themselves to feel their real power, we know that not everyone has time or resources to do so. That's why we have a separate site with screenshots of these operating systems and apps: [https://screenshots.virtualhub.eu.org](https://screenshots.virtualhub.eu.org).
|
||||
|
||||
While the computing history is diverse, the majority of desktop apps made after 1980 run on DOS or Windows. Though we can run those on the emulated operating systems, we can also run them in a better way using software such as [DOSBox-X](https://dosbox-x.com/) or [WINE](https://www.winehq.org/). Most old apps made for Windows can also directly run on modern Windows. We will soon launch a separate website with tutorials on how to run such apps via these methods.
|
||||
|
||||
VirtualHub is a volunteer project. We do *not* display any advertisement or track you in any way. We do not have any income from the VirtualHub project. While we use only free tools to make and host these websites, so we don't have any expenses, our work is still unpaid. You can help us by [contributing to VirtualHub](https://github.com/InstallerLegacy/virtualhub.eu.org/blob/main/CONTRIBUTING.md).
|
||||
32
src/pages/contact.md
Normal file
32
src/pages/contact.md
Normal file
@ -0,0 +1,32 @@
|
||||
---
|
||||
title: Contact
|
||||
description: Contact Us.
|
||||
---
|
||||
import styles from './contact.module.css';
|
||||
|
||||
# Contact
|
||||
|
||||
<form name="contact" method="POST" data-netlify="true" netlify-honeypot="bot-field">
|
||||
<div className={styles.formInner}>
|
||||
<div className={styles.hidden}>
|
||||
<p>Don’t fill this out if you’re human: </p>
|
||||
<input name="bot-field" />
|
||||
</div>
|
||||
<p>Your Name: </p>
|
||||
<input type="text" name="name" />
|
||||
<p>Your Email: </p>
|
||||
<input type="email" name="email" />
|
||||
<p>Message: </p>
|
||||
<textarea name="message" rows="5"></textarea>
|
||||
<button className={styles.greenButton} type="submit" id="btnSubmit">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div className="text--center container">
|
||||
<p>You can also chat with us on Discord:</p>
|
||||
<p>
|
||||
<a href="https://chat.virtualhub.eu.org">
|
||||
<img width="320" height="76" src="https://discordapp.com/api/guilds/1176107431013646357/widget.png?style=banner2" alt="Discord Banner"/>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
39
src/pages/contact.module.css
Normal file
39
src/pages/contact.module.css
Normal file
@ -0,0 +1,39 @@
|
||||
/**
|
||||
* CSS files with the .module.css suffix will be treated as CSS modules
|
||||
* and scoped locally.
|
||||
*/
|
||||
|
||||
.formInner {
|
||||
padding: 40px;
|
||||
}
|
||||
.formInner input,
|
||||
.formInner textarea {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 15px;
|
||||
margin-bottom: 10px;
|
||||
border: none;
|
||||
border-radius: 20px;
|
||||
background: #dff5e5;
|
||||
color: black;
|
||||
}
|
||||
.formInner textarea {
|
||||
resize: none;
|
||||
}
|
||||
.greenButton {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
margin-top: 20px;
|
||||
border-radius: 20px;
|
||||
border: none;
|
||||
background: #15ba47;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: #fff;
|
||||
}
|
||||
.greenButton:hover {
|
||||
background: #00581b;
|
||||
}
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
53
src/pages/index.js
Normal file
53
src/pages/index.js
Normal file
@ -0,0 +1,53 @@
|
||||
import clsx from 'clsx';
|
||||
import Link from '@docusaurus/Link';
|
||||
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
|
||||
import Layout from '@theme/Layout';
|
||||
import HomepageFeatures from '@site/src/components/HomepageFeatures';
|
||||
|
||||
import Heading from '@theme/Heading';
|
||||
import styles from './index.module.css';
|
||||
|
||||
function HomepageHeader() {
|
||||
const {siteConfig} = useDocusaurusContext();
|
||||
return (
|
||||
<header className={styles.heroBanner}>
|
||||
<div className="container">
|
||||
<img className={styles.logo} alt="VirtualHub logo" src="/img/logo.webp" width="180" height="180"/>
|
||||
<Heading as="h1" className="hero__title">
|
||||
Welcome to {siteConfig.title}!
|
||||
</Heading>
|
||||
<p className="hero__subtitle">
|
||||
Want to experience old operating systems without purchasing old computers? You have come to the right place! Browse our library of tutorials on how to install legacy operating systems in virtual machines and emulators and feel the power of old.
|
||||
</p>
|
||||
<div className={styles.buttons}>
|
||||
<Link
|
||||
className="button button--primary button--lg"
|
||||
to="/start-here">
|
||||
Get Started
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
);
|
||||
}
|
||||
|
||||
export default function Home() {
|
||||
const {siteConfig} = useDocusaurusContext();
|
||||
return (
|
||||
<Layout
|
||||
title={`${siteConfig.title} - ${siteConfig.tagline}`}
|
||||
description="Want to experience old operating systems without purchasing old computers? You have come to the right place! Browse our library of tutorials on how to install legacy operating systems in virtual machines and emulators and feel the power of old.">
|
||||
<HomepageHeader />
|
||||
<main>
|
||||
<HomepageFeatures />
|
||||
<section className={styles.content}>
|
||||
<div className="text--center">
|
||||
<p>Come, chat with us:</p>
|
||||
<a href="https://chat.virtualhub.eu.org"><img width="320" height="76" src="https://discordapp.com/api/guilds/1176107431013646357/widget.png?style=banner2" alt="Discord Banner"/></a>
|
||||
<p className="meta" {...{ 'xmlns:cc': "http://creativecommons.org/ns#" }} {...{ 'xmlns:dct': "http://purl.org/dc/terms/" }}><a property="dct:title" rel="cc:attributionURL" href="https://virtualhub.eu.org">VirtualHub</a> by <a rel="cc:attributionURL dct:creator" property="cc:attributionName" href="https://twitter.com/Virtua1Hub">Legacy Installer</a> is licensed under <a className={styles.cc} href="http://creativecommons.org/licenses/by-nc-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer">CC BY-NC-SA 4.0 <img className={styles.ccimages} src="/img/cc.svg" alt="cc" width="22" height="22"/><img className={styles.ccimages} src="/img/by.svg" alt="by" width="22" height="22"/><img className={styles.ccimages} src="/img/nc.svg" alt="nc" width="22" height="22"/><img className={styles.ccimages} src="/img/sa.svg" alt="sa" width="22" height="22"/></a></p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
43
src/pages/index.module.css
Normal file
43
src/pages/index.module.css
Normal file
@ -0,0 +1,43 @@
|
||||
/**
|
||||
* CSS files with the .module.css suffix will be treated as CSS modules
|
||||
* and scoped locally.
|
||||
*/
|
||||
|
||||
.heroBanner {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
padding: 4rem 0;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 996px) {
|
||||
.heroBanner {
|
||||
padding: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.buttons {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
.logo {
|
||||
border-radius: 50%
|
||||
}
|
||||
|
||||
.cc {
|
||||
display: inline-block
|
||||
}
|
||||
|
||||
.ccimages {
|
||||
height: 22px !important;
|
||||
margin-left: 3px;
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
8
src/pages/logo.module.css
Normal file
8
src/pages/logo.module.css
Normal file
@ -0,0 +1,8 @@
|
||||
/**
|
||||
* CSS files with the .module.css suffix will be treated as CSS modules
|
||||
* and scoped locally.
|
||||
*/
|
||||
|
||||
.logo {
|
||||
border-radius: 50%
|
||||
}
|
||||
27
src/pages/other-websites.md
Normal file
27
src/pages/other-websites.md
Normal file
@ -0,0 +1,27 @@
|
||||
---
|
||||
title: Our Other Websites
|
||||
description: Learn more about other VirtualHub websites, from setting up to screenshots.
|
||||
---
|
||||
import styles from './logo.module.css';
|
||||
import Admonition from '@theme/Admonition';
|
||||
|
||||
# Our Other Websites
|
||||
|
||||
<p className='text--center'><img className={styles.logo} alt="VirtualHub logo" src="/img/logo.webp" width="150"/></p>
|
||||
|
||||
<div className="text--center container">
|
||||
<p>We love to chat with people who love old software. Come join us on discord:</p>
|
||||
<p>
|
||||
<a href="https://chat.virtualhub.eu.org">
|
||||
<img width="320" height="76" src="https://discordapp.com/api/guilds/1176107431013646357/widget.png?style=banner2" alt="Discord Banner"/>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<Admonition type="tip" icon="👉" title="VirtualHub Setup">
|
||||
[https://setup.virtualhub.eu.org](https://setup.virtualhub.eu.org): Set up your system for VirtualHub.
|
||||
</Admonition>
|
||||
|
||||
<Admonition type="tip" icon="👉" title="VirtualHub Screenshots">
|
||||
[https://screenshots.virtualhub.eu.org](https://screenshots.virtualhub.eu.org) - Screenshots of old Software.
|
||||
</Admonition>
|
||||
Reference in New Issue
Block a user