Skip to content

Commit 3ee96d5

Browse files
ThatOneCalculatorThatOneCalculator
committed
new website lol
1 parent 1c29c85 commit 3ee96d5

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

55 files changed

+3732
-886
lines changed

‎LICENSE

-674
This file was deleted.

‎ext/three.module.min.js

+13
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎ext/tween.js

+793
Large diffs are not rendered by default.

‎index.html

+274-42
Large diffs are not rendered by default.

‎instructions.html

+108
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,108 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<title>Instructions</title>
4+
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=5.0"/>
5+
<meta name="description" content="Author: 3Designs, Category: 3D Webdesign"/>
6+
<body>
7+
<span><small><sub>version 1.2.0</sub></small></span>
8+
<h1>Thank you for purchasing BLOCKCHAIN @ UCI 3D Website Template</h1><br>
9+
10+
<h2><b>Brief Description:</b></h2>
11+
<p>BLOCKCHAIN @ UCI – is one of a kind unique 3D Company Landing Page or Portfolio HTML template.
12+
It features a fully 3D environment with your Company name, Personal name, or just about any other text motive.
13+
Using top-notch web technologies we managed to create an immersive experience for your visitors so you can step up
14+
and be different from others.</p>
15+
16+
<h2><b>Project Files</b></h2>
17+
<p>This project is divided into few directories.</p>
18+
<ul>
19+
<li>ext <span>(external files line three.js and tween.js, which are used to display 3D scene and its animation)</span></li>
20+
<li>resources
21+
<ul>
22+
<li>fonts <span>(all fonts in the application)</span></li>
23+
<li>images <span>(all images in the application)</span></li>
24+
</ul>
25+
</li>
26+
<li>styles <span>(all CSS files for styling)</span></li>
27+
<li><code>index.html</code> <span>(main structure file)</span></li>
28+
<li><code>main.js</code> <span>(main JavaScript logic file)</span></li>
29+
<li><code>slider.js</code> <span>(JavaScript file for custom slider)</span></li>
30+
<li><code>ui.js</code> <span>(JavaScript file for controlling UI elements)</span></li>
31+
<li><code>instructions.html</code> <span>(this file)</span></li>
32+
</ul>
33+
34+
<h2><b>Running the website</b></h2>
35+
<p>To view this website you need to upload it to your web server.</p>
36+
<p>If you want to view it locally on your PC before you go to production, you need to start your local web server. The easiest way you
37+
can do that is by installing <a href="https://code.visualstudio.com/"><i>Visual Studio Code</i></a> (code editor) and after that install
38+
<a href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer"><i>Live Server</i></a> extension for that code editor.
39+
When you finish installing those things, open BLOCKCHAIN @ UCI project files with Visual Studio code, find <code>index.html</code> file
40+
on the left side (file explorer) and right click and press <i>Open with Live Server</i>. Your browser will open with website avaiable.
41+
Now you can change anything you want and see the result live. </p>
42+
43+
<h2><b>Configurations</b></h2>
44+
<p>Any configurations you need are in files <code>index.html</code>, <code>main.css</code> and <code>main.js</code></p>
45+
46+
<h2><b>Configuration Properties</b></h2>
47+
<p>First, we will start with some basic configuration changes like Website name and colors.</p>
48+
<p>To change your Website name find next tags and rename them from BLOCKCHAIN @ UCI to your name:</p>
49+
<ul>
50+
<li>title tag in <code>index.html</code> (line 4)</li>
51+
<li>loader text in <code>index.html</code> (line 19)</li>
52+
<li>fixed-content-header__logo text in <code>index.html</code> (line 168)</li>
53+
<li>main 3D letter text in <code>main.js</code> configuration on top (line 3)</li>
54+
<li>2D text if you chose to show 2D over 3D text in <code>index.html</code> (line 201) <small><sup>NEW</sup></small></li>
55+
</ul>
56+
57+
<p>To change your Website colors find next tags and change to colors you desire <b>Note: Use hex color only</b>:</p>
58+
<ul>
59+
<li>in <code>main.css</code> (lines from 33 - 38)</li>
60+
<li>in <code>main.js</code> configuration on top in the colors section (lines from 7 - 11)</li>
61+
</ul>
62+
63+
<p>If you desire you can change ammount of dots and vertical lines that are genereted <b>Note: If you go to high, it might affect your website performance</b>:</p>
64+
<ul>
65+
<li>in <code>main.js</code> change NumberOfVerticalLines (line 4). Default value is 25.</li>
66+
<li>in <code>main.js</code> change NumberOfDots (line 5). Default value is 5000.</li>
67+
</ul>
68+
69+
<h3>Structural Configuration</h3>
70+
<p>All of the structural changes (eg. Images, Texts, buttons...) should be done in <code>index.html</code></p>
71+
<figure>
72+
<img src="./resources/instructions/instructions-content-section.png" alt="Instructions image #1" />
73+
<figcaption><small>All content is diveded into <code>content-section divs</code></small></figcaption>
74+
</figure>
75+
<figure>
76+
<img src="./resources/instructions/instructions-popups.png" alt="Instructions image #2" />
77+
<figcaption><small>All popups are diveded into <code>popup divs</code></small></figcaption>
78+
</figure>
79+
<p>Every content section div consists of texts and images you can change.</p>
80+
<p><b>TIPS:</b> Go from top to bottom of <code>index.html</code> and change all the text and images for your own.</p>
81+
<br>
82+
83+
<h2>Additional Help</h2>
84+
<p>If you have any questions or hard times, feel free to contact us at any time on our page 3Designs at Template Monster website.</p>
85+
86+
<h2>Links</h2>
87+
<a href="https://www.templatemonster.com/">Template Monster</a>
88+
89+
<h2>Change log</h2>
90+
<span>version 1.2.0</span>
91+
<ul>
92+
<li>Fixed template not loading on Safari version 13.1 and below;</li>
93+
<li>Fixed 'SCROLL' text not beeing visible;</li>
94+
<li>Added new configuration option to scale down or up main 3D text;</li>
95+
<li>Added new configuration option to chose between 3D text and 2D text;</li>
96+
</ul>
97+
</body>
98+
</html>
99+
100+
<style>
101+
body {
102+
max-width: 1500px;
103+
padding: 50px 5%;
104+
margin: 0 auto;
105+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
106+
font-size: 1.2em;
107+
}
108+
</style>

0 commit comments

Comments
 (0)