PaperX / ppt_template /T13_3Img.html
snym04's picture
Upload 59 files
67ad1a6 verified
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=9">
<style>
.slideImage {
border: 1px solid #BBBBBB;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.layout-container {
display: flex;
flex-direction: row;
width: 100%;
height: 100%;
gap: 20px;
}
.slide-img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
}
</style>
</head>
<body>
<div class="slide" name="slide" id="slide1">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13.333333in" height="7.5in" viewBox="0 0 960 540" version="1.1" class="slideImage">
<defs />
<g text-rendering="geometricPrecision" xml:space="preserve" transform="scale(1.0,1.0)">
<rect x="0" y="0" width="960" height="540" fill="#ffffff" />
<g transform="matrix(0.89879405, 0.43837115, -0.43837115, 0.89879405, 234.443, 40.515747)">
<path fill="#ffffff" fill-rule="evenodd" d="M-66.8 600.5L9.6 455.5 125.7 600.5z" shape-id="8" />
<path fill="#688291" fill-rule="evenodd" d="M-67.2 600.3L-67.2 600.3 9.2 455.2 9.5 454.5 10 455.1 126.1 600.2 126.7 601 125.7 601-66.8 601-67.6 601-67.2 600.3zM-66.3 600.8L-66.8 600 125.7 600 125.3 600.9 9.2 455.8 10.1 455.7-66.3 600.8z" shape-id="8" />
</g>
<g transform="matrix(-0.39073113, 0.92050487, -0.92050487, -0.39073113, 1741.5249, -181.64023)">
<path fill="#093b5e" fill-rule="evenodd" d="M878 527L930.9 444 983.8 527z" shape-id="9" />
</g>
<g transform="matrix(-0.8571673, 0.5150381, -0.5150381, -0.8571673, 2045.3938, 505.16202)">
<path fill="#093b5e" fill-rule="evenodd" d="M933.35 551.3L952.65 521.1 971.95 551.3z" shape-id="10" />
</g>
<g transform="matrix(0.4539905, 0.8910065, -0.8910065, 0.4539905, 384.46686, -675.1429)">
<path fill="#ffffff" fill-rule="evenodd" d="M688 24.9L743.1-72.7 798.2 24.9z" shape-id="11" />
<path fill="#688291" fill-rule="evenodd" d="M687.6 24.7L687.6 24.7 742.7-72.9 743.1-73.7 743.5-72.9 798.6 24.7 799 25.4 798.2 25.4 688 25.4 687.2 25.4 687.6 24.7zM688.5 25.1L688 24.4 798.2 24.4 797.7 25.1 742.7-72.4 743.5-72.4 688.5 25.1z" shape-id="11" />
</g>
<g transform="matrix(-0.5150381, 0.8571673, -0.8571673, -0.5150381, 1527.4514, -743.14044)">
<path fill="#ffffff" fill-rule="evenodd" d="M862.2 153L974-32 1085.7 153z" shape-id="12" />
<path fill="#688291" fill-rule="evenodd" d="M861.8 152.7L861.8 152.7 973.5-32.2 974-32.9 974.4-32.2 1086.1 152.7 1086.6 153.5 1085.7 153.5 862.2 153.5 861.3 153.5 861.8 152.7zM862.6 153.3L862.2 152.5 1085.7 152.5 1085.3 153.3 973.5-31.7 974.4-31.7 862.6 153.3z" shape-id="12" />
</g>
<path fill="#093b5e" fill-rule="evenodd" d="M21 71L33 23 660 23.6 648 71z" shape-id="2" />
<g transform="matrix(1.0, 0.0, 0.0, 1.0, 75, 30)">
<text shape-id="2" font-family="Calibri" font-weight="bold" font-size="18.0pt" fill="#ffffff">
<!-- You need to revise the following parts. 1: Subjects -->
<tspan x="0" y="26.5">Bridging 2D and 3D: From Lifting to Learning</tspan>
</text>
</g>
<foreignObject x="28" y="104" width="900" height="400">
<div xmlns="http://www.w3.org/1999/xhtml" class="layout-container" id="root">
<div id="1-col-field" style="flex: 1; display: flex; flex-direction: column; gap: 10px; height: 100%; overflow: hidden;">
<div id="1-1-image-block" style="flex: 1; display: flex; align-items: center; justify-content: center; overflow: hidden;">
<!-- You need to revise the following parts. 2: Image -->
<img src="images/4.png" class="slide-img" alt="Left Image" />
</div>
</div>
<div id="2-col-field" style="flex: 1; display: flex; flex-direction: column; gap: 10px; height: 100%; overflow: hidden;">
<div id="2-1-image-block" style="flex: 1; display: flex; align-items: center; justify-content: center; overflow: hidden;">
<!-- You need to revise the following parts. 3: Image -->
<img src="images/4.png" class="slide-img" alt="Center Image" />
</div>
</div>
<div id="3-col-field" style="flex: 1; display: flex; flex-direction: column; gap: 10px; height: 100%; overflow: hidden;">
<div id="3-1-image-block" style="flex: 1; display: flex; align-items: center; justify-content: center; overflow: hidden;">
<!-- You need to revise the following parts. 4: Image -->
<img src="images/4.png" class="slide-img" alt="Right Image" />
</div>
</div>
</div>
</foreignObject>
</g>
</svg>
</div>
</body>
</html>