Skip to content

Commit b9eb859

Browse files
ScytheDEMScytheDEM
authored
Master - Stable Code Release
This is the base code, it is *relatively* stable, but needs some changes. The comments are a tad messed up and things aren't optimised to the standard that I want them to be, I will be using set variables and changing some code around, could run a little faster.
1 parent e1410ac commit b9eb859

File tree

11 files changed

+1675
-0
lines changed

11 files changed

+1675
-0
lines changed

‎Software Design & Development Task/README.MD‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
hello mrs,
2+
3+
this is my website that i have created.
4+
5+
before you begin, make sure you download a plugin called 'live sever', this is on the visual studio plugins page OR

‎Software Design & Development Task/beijing_2008,_beijing_national_stadium-1000h.jpg‎

259 KB
Loading

‎Software Design & Development Task/homepage.html‎

Lines changed: 255 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,255 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<title>Active Online Software Page</title>
5+
<meta property="og:title" content="Active Online Software Page" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<meta charset="utf-8" />
8+
<meta property="twitter:card" content="summary_large_image" />
9+
10+
<style data-tag="reset-style-sheet">
11+
html {
12+
line-height: 1.15;
13+
}
14+
body {
15+
margin: 0;
16+
}
17+
* {
18+
box-sizing: border-box;
19+
border-width: 0;
20+
border-style: solid;
21+
}
22+
p,
23+
li,
24+
ul,
25+
pre,
26+
div,
27+
h1,
28+
h2,
29+
h3,
30+
h4,
31+
h5,
32+
h6,
33+
figure,
34+
blockquote,
35+
figcaption {
36+
margin: 0;
37+
padding: 0;
38+
}
39+
button {
40+
background-color: transparent;
41+
}
42+
button,
43+
input,
44+
optgroup,
45+
select,
46+
textarea {
47+
font-family: inherit;
48+
font-size: 100%;
49+
line-height: 1.15;
50+
margin: 0;
51+
}
52+
button,
53+
select {
54+
text-transform: none;
55+
}
56+
button,
57+
[type="button"],
58+
[type="reset"],
59+
[type="submit"] {
60+
-webkit-appearance: button;
61+
}
62+
button::-moz-focus-inner,
63+
[type="button"]::-moz-focus-inner,
64+
[type="reset"]::-moz-focus-inner,
65+
[type="submit"]::-moz-focus-inner {
66+
border-style: none;
67+
padding: 0;
68+
}
69+
button:-moz-focus,
70+
[type="button"]:-moz-focus,
71+
[type="reset"]:-moz-focus,
72+
[type="submit"]:-moz-focus {
73+
outline: 1px dotted ButtonText;
74+
}
75+
a {
76+
color: inherit;
77+
text-decoration: inherit;
78+
}
79+
input {
80+
padding: 2px 4px;
81+
}
82+
img {
83+
display: block;
84+
}
85+
html {
86+
scroll-behavior: smooth;
87+
}
88+
</style>
89+
<style data-tag="default-style-sheet">
90+
html {
91+
font-family: Inter;
92+
font-size: 16px;
93+
}
94+
95+
body {
96+
font-weight: 400;
97+
font-style: normal;
98+
text-decoration: none;
99+
text-transform: none;
100+
letter-spacing: normal;
101+
line-height: 1.15;
102+
color: var(--dl-color-gray-black);
103+
background-color: var(--dl-color-gray-white);
104+
}
105+
</style>
106+
<link
107+
rel="stylesheet"
108+
href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&amp;display=swap"
109+
data-tag="font"
110+
/>
111+
<style>
112+
body::-webkit-scrollbar {
113+
width: 0.5em;
114+
z-index: 100;
115+
background-color: transparent;
116+
}
117+
118+
body::-webkit-scrollbar-thumb {
119+
background-color: white;
120+
box-shadow: 0 -100vh 0 100vh #5128f5; //magic
121+
}
122+
</style>
123+
<link rel="stylesheet" href="style2.css" />
124+
</head>
125+
<body>
126+
<div>
127+
<script
128+
type="text/javascript"
129+
src="https://unpkg.com/dangerous-html/dist/default/lib.umd.js"
130+
></script>
131+
<link href="index.css" rel="stylesheet" />
132+
133+
<div class="home-container">
134+
<section class="home-hero">
135+
<div class="home-menu">
136+
<div id="mobile-menu" class="home-mobile-navigation">
137+
<img
138+
alt="pastedImage"
139+
src="public/pastedimage-no9b-1500h.png"
140+
class="home-logo"
141+
/>
142+
<div class="home-links">
143+
<span class="Link">Solutions</span>
144+
<span class="Link">How it works</span>
145+
<span class="Link">Prices</span>
146+
</div>
147+
<div id="close-mobile-menu" class="home-close-mobile-menu">
148+
<svg viewBox="0 0 804.5714285714286 1024" class="home-icon">
149+
<path
150+
d="M741.714 755.429c0 14.286-5.714 28.571-16 38.857l-77.714 77.714c-10.286 10.286-24.571 16-38.857 16s-28.571-5.714-38.857-16l-168-168-168 168c-10.286 10.286-24.571 16-38.857 16s-28.571-5.714-38.857-16l-77.714-77.714c-10.286-10.286-16-24.571-16-38.857s5.714-28.571 16-38.857l168-168-168-168c-10.286-10.286-16-24.571-16-38.857s5.714-28.571 16-38.857l77.714-77.714c10.286-10.286 24.571-16 38.857-16s28.571 5.714 38.857 16l168 168 168-168c10.286-10.286 24.571-16 38.857-16s28.571 5.714 38.857 16l77.714 77.714c10.286 10.286 16 24.571 16 38.857s-5.714 28.571-16 38.857l-168 168 168 168c10.286 10.286 16 24.571 16 38.857z"
151+
></path>
152+
</svg>
153+
</div>
154+
</div>
155+
<div class="home-desktop-navigation">
156+
<nav class="home-centered">
157+
<div class="home-left">
158+
<span class="home-text03">Sports Marshalling Website</span>
159+
<div class="home-links1"></div>
160+
</div>
161+
<div class="home-right">
162+
<div class="home-get-started">
163+
<span class="home-text04"> </span>
164+
<a href="logjn.html" class="home-text04">Sign In</a>
165+
</div>
166+
<div id="open-mobile-menu" class="home-burger-menu">
167+
<img
168+
alt="pastedImage"
169+
src="public/pastedimage-yxbd.svg"
170+
class="home-mobile-menu-button"
171+
/>
172+
</div>
173+
</div>
174+
</nav>
175+
</div>
176+
<div>
177+
<dangerous-html
178+
html="<script>
179+
/*
180+
Mobile menu - Code Embed
181+
*/
182+
183+
// Mobile menu
184+
const mobileMenu = document.querySelector('#mobile-menu')
185+
186+
// Buttons
187+
const closeButton = document.querySelector('#close-mobile-menu')
188+
const openButton = document.querySelector('#open-mobile-menu')
189+
190+
// On openButton click, set the mobileMenu position left to -100vw
191+
openButton.addEventListener('click', function() {
192+
mobileMenu.style.transform = 'translateX(0%)'
193+
})
194+
195+
// On closeButton click, set the mobileMenu position to 0vw
196+
closeButton.addEventListener('click', function() {
197+
mobileMenu.style.transform = 'translateX(100%)'
198+
})
199+
</script>"
200+
></dangerous-html>
201+
</div>
202+
</div>
203+
<div class="home-container1">
204+
<header class="home-header">
205+
<h1 class="home-text05">Welcome, School Of Now!</h1>
206+
<p class="home-text06">Click down below to sign in!</p>
207+
<div class="home-get-started1">
208+
<span class="home-text07"></span>
209+
<a href="logjn.html" class="home-text04">Get Started</a>
210+
</div>
211+
</header>
212+
</div>
213+
<div class="home-dashboard-preview">
214+
<div class="home-outline">
215+
<img
216+
alt="pastedImage"
217+
src="beijing_2008,_beijing_national_stadium-1000h.jpg"
218+
loading="lazy"
219+
class="home-image"
220+
/>
221+
</div>
222+
</div>
223+
</section>
224+
<section class="home-features">
225+
<div class="home-title">
226+
<span class="home-text08">
227+
School Of Now, are you ready to race?&nbsp;
228+
</span>
229+
</div>
230+
</section>
231+
<section class="home-banners"></section>
232+
<div class="home-div">
233+
<dangerous-html
234+
html=" <div style='max-width:100%;list-style:none; transition: none;overflow:hidden;width:500px;height:500px;'><div id='gmap-canvas' style='height:100%; width:100%;max-width:100%;'><iframe style='height:100%;width:100%;border:0;' frameborder='0' src='https://www.google.com/maps/embed/v1/place?q=Glenbrook+Oval,+Glenbrook+NSW,+Australia&amp;key=AIzaSyBFw0Qbyq9zTFTd-tUY6dZWTgaQzuU17R8'></iframe></div><a class='google-maps-html' rel='nofollow' href='https://kbj9qpmy.com/hrn' id='authmaps-data'>InMotion Hosting</a><style>#gmap-canvas .text-marker{}.map-generator{max-width: 100%; max-height: 100%; background: none;</style></div>"
235+
></dangerous-html>
236+
</div>
237+
<footer class="home-footer">
238+
<div class="home-top">
239+
<div class="home-left1">
240+
<div class="home-contact">
241+
<span class="home-text09">Contact</span>
242+
<a
243+
href="mailto:use@active-app.com?subject=Support"
244+
class="home-link"
245+
>
246+
contact.schoolofnowfakeaddress.com
247+
</a>
248+
</div>
249+
</div>
250+
</div>
251+
</footer>
252+
</div>
253+
</div>
254+
</body>
255+
</html>

0 commit comments

Comments
 (0)