Commit 3ff52550 authored by Juan's avatar Juan
Browse files

Added image on single programs and addjusted container padding

parent fea6bf52
Pipeline #2074 passed with stages
in 2 minutes and 43 seconds
...@@ -8,7 +8,9 @@ layout: main ...@@ -8,7 +8,9 @@ layout: main
<h5> <h5>
<a href="javascript:history.back()">← back</a> <a href="javascript:history.back()">← back</a>
</h5> </h5>
<img src="{{ page.img_src }}" /> <div class="program-image-container">
<img src="{{ page.program_img_1400 }}" />
</div>
<h4>{{ page.name }}</h4> <h4>{{ page.name }}</h4>
<p>{{ page.content }}</p> <p>{{ page.content }}</p>
<h5> <h5>
......
...@@ -806,6 +806,17 @@ main content ...@@ -806,6 +806,17 @@ main content
padding-bottom: 100px; padding-bottom: 100px;
} }
.program-image-container {
position: relative;
width: 60%;
min-width: 300px;
}
.program-image-container img {
position: relative;
width: 100%;
}
/* /*
============================================= =============================================
logo list style logo list style
...@@ -1411,6 +1422,10 @@ media queries ...@@ -1411,6 +1422,10 @@ media queries
margin-top: 0.5rem; margin-top: 0.5rem;
} }
.program-image-container {
width: 100%;
}
.landing-text h1 { .landing-text h1 {
font-size: 6rem; font-size: 6rem;
} }
...@@ -1423,13 +1438,13 @@ media queries ...@@ -1423,13 +1438,13 @@ media queries
font-size: 1.5rem; font-size: 1.5rem;
margin-top: 1em; margin-top: 1em;
} }
/*
.main-content { .main-content {
padding-top: 95px; padding-top: 95px;
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
} }
*/
h1 { h1 {
font-size: 3rem; font-size: 3rem;
} }
......
...@@ -59,6 +59,8 @@ const createProgramElementMD = (dataProgram) => { ...@@ -59,6 +59,8 @@ const createProgramElementMD = (dataProgram) => {
var programContributors = jsonParsed[i].contributors; var programContributors = jsonParsed[i].contributors;
var programFormat = jsonParsed[i].format; var programFormat = jsonParsed[i].format;
var programText = jsonParsed[i].text.replace(/'/g, "''"); var programText = jsonParsed[i].text.replace(/'/g, "''");
var programImg300 = jsonParsed[i].image_300;
var programImg1400 = jsonParsed[i].image_1400;
var programSrc = `https://radical-openness.org/node/${programSrcNode}#webform`; var programSrc = `https://radical-openness.org/node/${programSrcNode}#webform`;
...@@ -80,6 +82,8 @@ name: "${programName}" ...@@ -80,6 +82,8 @@ name: "${programName}"
format: ${programFormat} format: ${programFormat}
program_src: ${programSrc} program_src: ${programSrc}
contributors: "${programContributors}" contributors: "${programContributors}"
program_img_300: https://radical-openness.org${programImg300}
program_img_1400: https://radical-openness.org${programImg1400}
--- ---
${programText}`; ${programText}`;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment