Text updates and cleanup

src/App.jsx

@@ -17,7 +17,7 @@ export default function App() {
             <AboutSection />
           </div>
           <div id="work">
-            <div className="subtitle">Work</div>
+            <div className="subtitle">Projects</div>
             <WorkSection />
           </div>
           <div id="contact">

src/index.jsx

@@ -1,12 +1,8 @@
 import React from "react";
-import ReactDOM from "react-dom";
+import { createRoot } from "react-dom/client";
 import "./index.scss";
 import App from "./App";
-import * as serviceWorker from "./serviceWorker";
 
-ReactDOM.render(<App />, document.getElementById("root"));
-
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: https://bit.ly/CRA-PWA
-serviceWorker.unregister();
+const container = document.getElementById("root");
+const root = createRoot(container);
+root.render(<App />);

src/sections/AboutSection.jsx

@@ -7,20 +7,26 @@ export default function AboutSection() {
       <div className="this-is">Software Engineer</div>
       <div className="name">Robin Flygare</div>
       <p>
-        Graduated at BTH with a bachelors degree in Software Engineering in
-        2017. Interested in just about everything that has to do with software
-        and always on the lookout for new things to learn.
+        Graduated Blekinge Institute of Technology 2017 with a Bachelor of
+        Science degree in Software Engineering. Interested in just about
+        everything that has to do with software and always on the lookout for
+        new things to learn.
       </p>
       <p>
-        Currently working to make the school hip with technologies such as
-        GraphQL, Vue and Java at <a href="https://www.ist.com">IST</a>. Before
-        IST I spent the summer working at{" "}
-        <a href="https://www.qvantel.com">Qvantel</a>, creating a PoC using
-        primarily Scala, Grafana and the Elastic stack.
+        Currently working as a software consultant at{" "}
+        <a href="https://www.swecogroup.com/">Sweco</a>, using my knowledge to
+        help customers with technologies including Golang, JavaScript,
+        OpenStreetMap and Postgresql.
       </p>
       <p>
-        Previously worked on multiple school projects with customers like
-        Qvantel (which you can read more about in the Orcd work section),{" "}
+        Previously worked with GraphQL, Vue and Java at{" "}
+        <a href="https://www.ist.com">IST</a>. Before That I spent the summer
+        working at <a href="https://www.qvantel.com">Qvantel</a>, creating a PoC
+        using primarily Scala, Grafana and Elastic stack.
+      </p>
+      <p>
+        Before, I have worked on multiple school projects with customers like
+        Qvantel developing the orcD system,{" "}
         <a href="https://www.softhouse.se">Softhouse</a> creating an
         cable-viewing iOS app and creating an indoor navigation app at
         <a href="https://www.bth.se"> BTH</a> for Google Glass.

src/sections/ContactSection.jsx

@@ -12,7 +12,7 @@ export default function ContactSection() {
         ways of contacting me
       </p>
       <div className="links">
-        <a href="mailto:robin@flygare.me">robin@flygare.me</a>
+        <a href="mailto:robin[email protected]">robin[email protected]</a>
         <a href="https://github.com/flygare/">
           <FontAwesomeIcon icon={faGithub} />
         </a>

src/sections/ContactSection.scss

@@ -2,6 +2,9 @@
   margin-right: 30px;
 }
 .links {
-  font-size: 28px;
+  font-size: 24px;
   line-height: 50px;
+  @media screen and (min-width: 460px){
+    font-size: 28px;
+  }
 }

src/sections/WorkSection.jsx

@@ -50,18 +50,18 @@ export default function WorkSection() {
           </div>
         </div>
       </div>
-      <div className="row">
+      {/*       <div className="row">
         <div className="col-xs-5">
           <div className="work-info-box">
-            <div className="project-name">foodi</div>
+            <div className="project-name">project</div>
           </div>
         </div>
         <div className="col-xs-7">
           <div className="work-image-box">
             <div className="work-info-box">coming soon</div>
           </div>
         </div>
-      </div>
+      </div> */}
     </div>
   );
 }