-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (124 loc) · 6.02 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/fontawesome.css">
<link rel="icon" type="image/png" href="assets/images/favicon.png" />
<title>legacy webOS</title>
</head>
<body>
<!--Preloader-->
<div id="preloader">
<div id="status"> </div>
</div>
<!--Navbar-->
<header>
<nav class="navbar container flex">
<a href="index.html"><img class="logo" src="assets/images/lwoslogo.png"></a>
<input type="checkbox" id="menu-toggle" />
<label for="menu-toggle" id="hamburger-menu">
<i class="fa-solid fa-bars"></i>
</label>
<ul class="navbarbtns flex">
<li><a href="index.html">Home</a></li>
<li><a href="contents.html">Contents</a></li>
</ul>
</nav>
</header>
<!--Homepage-->
<section class="main" id="home">
<div class="content flex">
<div class="text">
<h1>The platform that could have been the future of phones...</h1>
<p>If only HP didn't mess with Palm in 2011</p>
</div>
<a href="#palmwebOS">Take a look</a>
</div>
</section>
<!--Content-->
<section id="palmwebOS">
<div class="container">
<div class="section-title">
<h2>What made palm webOS great?</h2>
</div>
<ul class="cards flex">
<li class="card">
<img src="assets/images/cards/multitasking.png" alt="">
<h3>The Multitasking</h3>
<p>The multitasking on this is very futuristic at the time, those are called "cards", this feature wasnt avaliable on iPhones at the time, it could have been the future</p>
</li>
<li class="card">
<img src="assets/images/cards/devhtml.png" alt="">
<h3>The app creation</h3>
<p>At the time, palm webOS was loved the heck out of it by developers, you can use regular HTML, CSS and Javascript, it utilizes a framework called "Mojo", the app engine is entirely powered on WebKit, if you know HTML, CSS and Javascript you can program it, and you can also make PDK apps if you know the C Programming Language</p>
</li>
<li class="card">
<img src="assets/images/cards/palmpre.png" alt="">
<h3>Loved by people</h3>
<p>So many people loved that phone, the Palm Pre, it was a highly customizable phone once you homebrew it, you can install themes, custom boot animation, overclocked cpu kernels and much more</p>
</li>
</ul>
</div>
<!--webOS Archive Services Code-->
<section class="portfolio">
<div class="container">
<div class="section-title">
<h2>webOS Archive Services</h2>
<p>Here, is the services which webOS Archive made</p>
</div>
<ul class="cards flex">
<li class="card">
<img src="assets/images/palmpreapps.png" alt="">
<h3>App Museum</h3>
<p>Since the palm webOS servers went down in 2015, the archive made a service where it has the archives of the avaliable apps, go check it out!</p>
<a href="https://appcatalog.webosarchive.org/showMuseum.php">Go on App Museum</a>
</li>
<li class="card">
<img src="assets/images/sharespace.png" alt="">
<h3>Sharespace</h3>
<p>This service allows you to send photos from your webOS device to your computer, or it can be the opposite</p>
<a href="https://share.webosarchive.org/index.php">Share something</a>
</li>
<li class="card">
<img src="assets/images/news.png" alt="">
<h3>webOS Archive News</h3>
<p>Any new news to the legacy webOS platform will be avaliable here</p>
<a href="https://www.webosarchive.org/news/">Check the news!</a>
</li>
</ul>
</div>
</section>
<!--Footer-->
<footer class="footer">
<div class="container">
<span> © DavidModPhone 2024, This website is not meant to replace <a
href="https://webosarchive.org">webOS Archive</a> made by <a
href="https://codepoetry.app/">codepoetry inc.</a></span>
</div>
</footer>
</body>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src="assets/js/fontawesome.js"></script>
<script type="text/javascript">
//<![CDATA[
$(window).on('load', function () { // makes sure the whole site is loaded
$('#status').fadeOut(); // will first fade out the loading animation
$('#preloader').delay(350).fadeOut('slow'); // will fade out the white DIV that covers the website.
$('body').delay(350).css({ 'overflow': 'visible' });
})
//]]>
document.body.classList.remove('no-scroll');
(function () {
function onReady() {
document.body.classList.remove('no-scroll');
}
if (document.readyState === 'complete') {
onReady();
} else {
document.addEventListener('DOMContentLoaded', onReady);
}
})();
</script>
</html>