Added folder structure and parcel builder

codewithkin · Feb 18, 2023 · d9a533b · d9a533b
1 parent f7f5218
commit d9a533b
Show file tree

Hide file tree

Showing 12 changed files with 29 additions and 9 deletions.
diff --git a/package.json b/package.json
@@ -0,0 +1,20 @@
+{
+  "name": "inst-web",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "build" : "parcel build public/inst.htm"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Elizabeth-Sotade/inst-web.git"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/Elizabeth-Sotade/inst-web/issues"
+  },
+  "homepage": "https://github.com/Elizabeth-Sotade/inst-web#readme"
+}
diff --git a/0.jpeg → public/assets/0.jpeg b/0.jpeg → public/assets/0.jpeg
diff --git a/83.jpeg → public/assets/83.jpeg b/83.jpeg → public/assets/83.jpeg
diff --git a/93.jpg → public/assets/93.jpg b/93.jpg → public/assets/93.jpg
diff --git a/ail.jpeg → public/assets/ail.jpeg b/ail.jpeg → public/assets/ail.jpeg
diff --git a/dwell.png → public/assets/dwell.png b/dwell.png → public/assets/dwell.png
diff --git a/grid.jpg → public/assets/grid.jpg b/grid.jpg → public/assets/grid.jpg
diff --git a/logo.png → public/assets/logo.png b/logo.png → public/assets/logo.png
diff --git a/nail.jpg → public/assets/nail.jpg b/nail.jpg → public/assets/nail.jpg
diff --git a/what-we-do.jpg → public/assets/what-we-do.jpg b/what-we-do.jpg → public/assets/what-we-do.jpg
diff --git a/inst.html → public/inst.html b/inst.html → public/inst.html
@@ -4,7 +4,7 @@
 <meta name="viewport"content="width=device-width, initial-scale=1" /> 
 
 				<title>Instrument</title>
-				<link rel="stylesheet" href="inst.css">
+				<link rel="stylesheet" href="../src/inst.css">
 </head>
 <body>
 
@@ -19,7 +19,7 @@
 				</br></br></br></br></br>
 				<section>
 				<center>
-							<img src="0.jpeg" width="70%" height="70%">	
+							<img src="./assets/0.jpeg" width="70%" height="70%">	
 			</br></br>
 			<p>We are investing $3million over the next three years in our Build/Grow/Serve program, created to support and empower Black and underrepresented communities.</p>
 			</br>
@@ -28,27 +28,27 @@
 				</section>
 				</br></br>
 				<div class="center">
-				<img src="what-we-do.jpg" alt="show" width="90%" height="90%">
+				<img src="./assets/what-we-do.jpg" alt="show" width="90%" height="90%">
 				<p class="four">We enrich human lives through the thoughtful application of design and technology.</p>
 		</div>
 				</br></br>
 
 
-			<img src="83.jpeg" class="img" width="50%" height="50%">
+			<img src="./assets/83.jpeg" class="img" width="50%" height="50%">
 <h6>In the summer of 2020,we reported our representation data and commitment to doing so annually.One year later,we are pleased to share an update on our goals, our progress,and the work that still needs to be done.
 
 
 	</h6>
 
 				<br>
-	<img src="nail.jpg" class="Sec" width="50%" height="50%">
+	<img src="./assets/nail.jpg" class="Sec" width="50%" height="50%">
 							<h6 class="six">In our third episode of On Air,we explore all thats happened within the last six months, the reality of showing up everyday as BIPOC employee in corporate America, and our future vision diversity, equity and inclusion.
 
 					</h6>
 
 				<div>
 							</br>	
-								<img src="ail.jpeg" height="50%" width="50%" class="third">
+								<img src="./assets/ail.jpeg" height="50%" width="50%" class="third">
 								<h6>As a full-service partner to the world's most ambitious companies, we create transformational change through best-in-class digital products and communication.
 
 								</h6>
@@ -68,7 +68,7 @@ <h3><center>Explore one of our most	impact project</center></h3>
 				<div>
 
 			 <center>
-				<img src="grid.jpg" width="70%" height="70%">
+				<img src="./assets/grid.jpg" width="70%" height="70%">
 				<h3>Levi's</h3>
 				<p class="four">We patnered with Levi's, 
 an icon of American industry and culture, to reimagine levi.com
@@ -78,7 +78,7 @@ <h3>Levi's</h3>
 
  <div>
  			<center>
- 	<img src="93.jpg" width="70%" height="70%">
+ 	<img src="./assets/93.jpg" width="70%" height="70%">
  	<h3>Dropbox Band Campaign</h3>
  	<p class="four">Dropbox is on a path to becoming a multi-product company. To bring their customers new ana along for that journey.We helped reimagine how Dropbox engage with their audience.</p>
  	     </center>
@@ -87,7 +87,7 @@ <h3>Dropbox Band Campaign</h3>
 
  </br></br>
 
- <img src="dwell.png" class="logo"width="40%" height="40%" attribute="14px"> <img src="logo.png" width="50%" height="50%">
+ <img src="./assets/dwell.png" class="logo"width="40%" height="40%" attribute="14px"> <img src="./assets/logo.png" width="50%" height="50%">
 
 
  </br></br></br></br>

diff --git a/inst.css → src/inst.css b/inst.css → src/inst.css