Skip to content

Commit 94174b8

Browse files
authored
Add contributor story on Porsche Digital Campus projects (#34)
* WIP: Add first draft on PDC contributor story * Change logo of CTA button * Finalize PDC blog post * Rename first image in order to not have it overwritten * Add hyperlinks * Center hero image on blog posts * Don't create smaller images than 1080 * Don't create unneeded smaller images --------- Signed-off-by: Eduard Itrich <[email protected]> on-behalf-of: @porscheofficial <[email protected]>
1 parent 462cfe2 commit 94174b8

File tree

12 files changed

+87
-6
lines changed

12 files changed

+87
-6
lines changed
+74
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
---
2+
title: Research @ Porsche Digital Campus
3+
date: 2023-12-18
4+
image: /assets/blog/pdc/hero.jpg
5+
descriptionShort: The Porsche Digital Campus is an innovative initiative with the goal of bringing together research and real-world application in the fields of AI, machine learning, and data science.
6+
author:
7+
name: Porsche Digital Campus
8+
description: The Porsche Digital Campus is an innovative initiative with the goal of bringing together research and real-world application in the fields of AI, machine learning, and data science.
9+
image: https://uploads-ssl.webflow.com/6419a4c2c9609e21b02a47e8/6454e539d4ea54c08e42aedb_Frame%2010683.png
10+
slug: https://campus.porsche.digital/
11+
readTime: 3min
12+
---
13+
14+
<ImageText imageSrc="/assets/blog/pdc/team.jpg" imageAlt="Porsche Digital Campus" theme="light"
15+
title="Tell us a little more about yourself, your role at Porsche Digital and what topics drive you. ">
16+
We are the research team and part of the Porsche Digital Campus: An
17+
international group of software technology experts with a clear focus on the
18+
application of artificial intelligence as well quantum computing.
19+
</ImageText>
20+
21+
<ImageText imageSrc="/assets/blog/pdc/1.png" imageAlt="Porsche Digital Campus" theme="light" left
22+
title="Porsche Digital has published several research projects in the field of artificial intelligence on GitHub. How would you explain these projects to a five-year-old? What problem do these projects solve for Porsche?">
23+
For the [first project](https://github.com/porscheofficial/sls_sat_solving_with_deep_learning), “Using deep learning to construct stochastic local
24+
search SAT solvers with performance bounds”, imagine you have a tricky
25+
puzzle. Computers have a special friend, like a magical helper, that helps
26+
them solve these puzzles faster and better! We built a magical helper that
27+
is really smart and can learn the best way to solve more difficult puzzles
28+
quickly. So, with this helper, computers can play and finish more tough
29+
puzzles in less time! It’s like having a super-smart friend to help you with
30+
your games!
31+
32+
For the [second project](https://github.com/porscheofficial/distribution_and_volume_based_isolation_forest), “Distribution and volume based scoring for Isolation
33+
Forest’, imagine you have a super-smart robot that can find which toys are
34+
different from the others. We made this robot even smarter! The team taught it a
35+
new way to look at all the toys and find the different ones more accurately. We
36+
tested the new smart robot with lots of toys and found out it can spot the
37+
different ones even better than before! So, it’s like having an upgraded robot
38+
friend who’s really good at finding unique toys!
39+
40+
For the [third project](https://github.com/porscheofficial/speed-estimation-traffic-monitoring), “FARSEC: A Reproducible Framework for Automatic Real-Time
41+
Vehicle Speed Estimation Using Traffic Cameras”, imagine you have a smart camera
42+
that can watch cars and see how fast they are going. This is important to help
43+
cars move smoothly on the road and to keep everyone safe. Some smart cameras are
44+
good but can only work well with certain videos. In this project, we developed a
45+
new software algorithm for smart cameras that can work well with many different
46+
videos and can understand how fast cars are going even if the camera is moving.
47+
This new camera is easy to use and can be made even smarter in the future!
48+
</ImageText>
49+
50+
<ImageText imageSrc="/assets/blog/pdc/2.png" imageAlt="Porsche Digital Campus" theme="light"
51+
title="By publishing AI research projects as open-source projects, you’ve made a big step ahead in our FOSS movement. What was your initial motivation to take this path? Can you tell us why you’ve chosen to release your project on GitHub?">
52+
Today, providing the code and data necessary to reproduce the results
53+
presented in a research paper is a necessary requirement for scientific
54+
credibility. So being able to make our code available alongside our
55+
publications is absolute key to establishing that our work is as credible as
56+
that of academic institutions. Porsche’s official [GitHub organization](https://github.com/porscheofficial)
57+
is the perfect place to do so.
58+
</ImageText>
59+
60+
<ImageText imageSrc="/assets/blog/pdc/3.png" imageAlt="Porsche Digital Campus" theme="light" left
61+
title="What did you learn along the way? What were the benefits of this strategy for you, your team and Porsche Digital?">
62+
We were very keen to see the results of the research. Knowing that we would
63+
make the code public was exciting and the team paid even more attention to
64+
writing clean code, keeping the size of the repo manageable, and having
65+
sensible code structures. This, again, improved the quality of the code and
66+
hence the progress of the whole project.
67+
</ImageText>
68+
69+
<ImageText imageSrc="/assets/blog/pdc/4.png" imageAlt="Porsche Digital Campus" theme="light"
70+
title="With a glimpse into the future: What are your further plans regarding FOSS Contributions? Who would you like to see next joining our FOSS Contributor community?">
71+
Publishing on GitHub will become the new default way of making the code for
72+
studies available alongside academic publications. So, keep your eyes
73+
peeled!
74+
</ImageText>

next.config.js

+3-3
Original file line numberDiff line numberDiff line change
@@ -9,15 +9,15 @@ const nextConfig = {
99
images: {
1010
loader: "custom",
1111
// eslint-disable-next-line no-magic-numbers
12-
imageSizes: [10, 16, 32, 48, 64, 96, 128, 256, 384],
12+
imageSizes: [],
1313
// eslint-disable-next-line no-magic-numbers
14-
deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
14+
deviceSizes: [1200, 1920, 2048, 3840],
1515
},
1616
transpilePackages: ["next-image-export-optimizer"],
1717
env: {
1818
nextImageExportOptimizer_imageFolderPath: "public/assets",
1919
nextImageExportOptimizer_exportFolderPath: "out",
20-
nextImageExportOptimizer_quality: "75",
20+
nextImageExportOptimizer_quality: "90",
2121
nextImageExportOptimizer_storePicturesInWEBP: "true",
2222
nextImageExportOptimizer_exportFolderName: "nextImageExportOptimizer",
2323

public/assets/blog/pdc/1.png

971 KB
Loading

public/assets/blog/pdc/2.png

668 KB
Loading

public/assets/blog/pdc/3.png

672 KB
Loading

public/assets/blog/pdc/4.png

544 KB
Loading

public/assets/blog/pdc/hero.jpg

2.79 MB
Loading

public/assets/blog/pdc/team.jpg

367 KB
Loading

src/app/blog/[...slug]/page.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -82,7 +82,8 @@ const BlogPage: React.FC<PageProps> = ({ params }: PageProps) => {
8282
description={description}
8383
subtitle="FOSS@Porsche"
8484
imageSrc={blog.image}
85-
imageAlt=""
85+
imageAlt="Hero Image"
86+
position="center center"
8687
/>
8788

8889
<Section spacing="none">

src/components/03_organisms/featureCard/featureCard.module.scss

+1
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
.card {
44
background: #fff;
55
border-radius: $pds-border-radius-medium;
6+
overflow: hidden;
67

78
@include pds-media-query-min("m") {
89
display: grid;

src/components/03_organisms/heroSection/HeroSection.tsx

+3
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@ interface HeroSectionProps {
1313
description?: string;
1414
imageSrc: string | StaticImageData;
1515
imageAlt: string;
16+
position?: string;
1617
}
1718

1819
export const HeroSection: React.FC<HeroSectionProps> = ({
@@ -21,12 +22,14 @@ export const HeroSection: React.FC<HeroSectionProps> = ({
2122
description,
2223
imageSrc,
2324
imageAlt,
25+
position = "right center",
2426
}) => {
2527
return (
2628
<div className={s["hero-container"]}>
2729
<div className={s["background-image-container"]}>
2830
<ExportedImage
2931
className={s["hero-image"]}
32+
style={{ objectPosition: position }}
3033
src={imageSrc}
3134
alt={imageAlt}
3235
fill

src/components/03_organisms/heroSection/heroSection.module.scss

+4-2
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,14 @@
66

77
.background-image-container {
88
grid-row: 1;
9-
height: 50rem;
9+
@include pds-media-query-min("m") {
10+
height: 50rem;
11+
}
12+
height: 40rem;
1013
position: relative;
1114

1215
.hero-image {
1316
object-fit: cover;
14-
object-position: right center;
1517
}
1618
.image-overlay {
1719
background: linear-gradient(

0 commit comments

Comments
 (0)