Skip to content

Commit

Permalink
[BUG FIX] [MER-3296] Course author signin fixes (Simon-Initiative#4988)
Browse files Browse the repository at this point in the history 
* [MER-3296] Fix backgrounds

* [MER-3296] Fix colours of some elements

* Auto format

---------

Co-authored-by: simonchoxx <[email protected]>
  • Loading branch information
@simonchoxx
simonchoxx and simonchoxx committed Jul 29, 2024
1 parent 7f041a3 commit 75c5c99
Show file tree
Hide file tree
Showing 2 changed files with 137 additions and 130 deletions.
261 changes: 134 additions & 127 deletions lib/oli_web/backgrounds.ex
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,45 +8,47 @@ defmodule OliWeb.Backgrounds do
def student_sign_in(assigns) do
~H"""
<svg
class="w-full h-full"
preserveAspectRatio="none"
viewBox="0 0 1512 936"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
class="h-[calc(100vh-112px)] w-full"
>
<g clip-path="url(#clip0_539_3635)">
<rect class="h-[calc(100vh-112px)] w-full" fill="#1F1F1F" />
<g filter="url(#filter0_f_539_3635)">
<g clip-path="url(#clip0_531_7671)">
<rect width="1512" height="936" fill="#1F1F1F" />
<g filter="url(#filter0_f_531_7671)">
<ellipse
cx="1217.08"
cy="662.134"
cy="662.133"
rx="741.431"
ry="793"
fill={student_signin_background_color()}
/>
</g>
<g filter="url(#filter1_f_539_3635)">
<g filter="url(#filter1_f_531_7671)">
<ellipse cx="572.513" cy="936.433" rx="572.513" ry="611.433" fill="#0062F2" />
</g>
<g style="mix-blend-mode:color-burn" opacity="0.5">
<rect class="h-[calc(100vh-112px)] w-full" fill="url(#pattern0_539_3635)" />
<rect width="1512" height="936" fill="url(#pattern0_531_7671)" />
</g>
</g>
<defs>
<filter
id="filter0_f_539_3635"
id="filter0_f_531_7671"
x="-33.3496"
y="-639.866"
y="-639.867"
width="2500.86"
height="2604"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur stdDeviation="254.5" result="effect1_foregroundBlur_539_3635" />
<feGaussianBlur stdDeviation="254.5" result="effect1_foregroundBlur_531_7671" />
</filter>
<filter
id="filter1_f_539_3635"
id="filter1_f_531_7671"
x="-547"
y="-222"
width="2239.03"
Expand All @@ -56,18 +58,18 @@ defmodule OliWeb.Backgrounds do
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur stdDeviation="273.5" result="effect1_foregroundBlur_539_3635" />
<feGaussianBlur stdDeviation="273.5" result="effect1_foregroundBlur_531_7671" />
</filter>
<pattern
id="pattern0_539_3635"
id="pattern0_531_7671"
patternContentUnits="objectBoundingBox"
width="0.198413"
height="0.320513"
>
<use xlink:href="#image0_539_3635" transform="scale(9.92064e-05 0.000160256)" />
<use xlink:href="#image0_531_7671" transform="scale(9.92064e-05 0.000160256)" />
</pattern>
<clipPath id="clip0_539_3635">
<rect class="h-[calc(100vh-112px)] w-full" fill="white" />
<clipPath id="clip0_531_7671">
<rect width="1512" height="936" fill="white" />
</clipPath>
</defs>
</svg>
Expand Down Expand Up @@ -160,23 +162,25 @@ defmodule OliWeb.Backgrounds do
def author_sign_in(assigns) do
~H"""
<svg
class="w-full h-full"
preserveAspectRatio="none"
viewBox="0 0 1518 1333"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
class="h-full w-full"
>
<g clip-path="url(#clip0_539_3630)">
<rect class="h-full w-full" fill="#B333CC" />
<rect width="1518" height="1333" fill="#B333CC" />
<g filter="url(#filter0_f_539_3630)">
<ellipse cx="472.399" cy="1080.62" rx="394.917" ry="599.233" fill="#0062F2" />
<ellipse cx="472.399" cy="1333.62" rx="394.917" ry="599.233" fill="#0062F2" />
</g>
<g filter="url(#filter1_f_539_3630)">
<ellipse cx="759.396" cy="665.883" rx="335.62" ry="509.132" fill="#B333CC" />
</g>
<g style="mix-blend-mode:color-burn" opacity="0.25">
<rect class="h-full w-full" fill="url(#pattern0_539_3630)" />
<rect width="1518" height="1333" fill="url(#pattern0_539_3630)" />
</g>
<rect x="-2.31445" width="1920" height="1415.45" fill="black" fill-opacity="0.24" />
<rect x="-2" width="1520" height="1415" fill="black" fill-opacity="0.24" />
</g>
<defs>
<filter
Expand Down Expand Up @@ -214,7 +218,7 @@ defmodule OliWeb.Backgrounds do
<use xlink:href="#image0_539_3630" transform="scale(9.88142e-05 0.000112528)" />
</pattern>
<clipPath id="clip0_539_3630">
<rect class="h-full w-full" fill="white" />
<rect width="1518" height="1333" fill="white" />
</clipPath>
</defs>
</svg>
Expand All @@ -224,60 +228,141 @@ defmodule OliWeb.Backgrounds do
def instructor_sign_in(assigns) do
~H"""
<svg
class="w-full h-full"
preserveAspectRatio="none"
viewBox="0 0 1528 1264"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
class="h-[calc(100vh-112px)] w-full"
>
<g clip-path="url(#clip0_539_3635)">
<rect class="h-[calc(100vh-112px)] w-full" fill="#1F1F1F" />
<g filter="url(#filter0_f_539_3635)">
<ellipse cx="1217.08" cy="662.134" rx="741.431" ry="793" fill="#0CAF61" />
<g clip-path="url(#clip0_539_3625)">
<rect width="1528" height="1264" fill="#0CAF61" />
<g filter="url(#filter0_f_539_3625)">
<ellipse cx="475.51" cy="1264.58" rx="397.519" ry="568.215" fill="#0062F2" />
</g>
<g filter="url(#filter1_f_539_3635)">
<ellipse cx="572.513" cy="936.433" rx="572.513" ry="611.433" fill="#0062F2" />
<g filter="url(#filter1_f_539_3625)">
<ellipse cx="764.398" cy="631.415" rx="337.831" ry="482.778" fill="#0CAF61" />
</g>
<g style="mix-blend-mode:color-burn" opacity="0.5">
<rect class="h-[calc(100vh-112px)] w-full" fill="url(#pattern0_539_3635)" />
<g style="mix-blend-mode:color-burn" opacity="0.25">
<rect width="1528" height="1264" fill="url(#pattern0_539_3625)" />
</g>
<rect width="1528" height="1355" fill="black" fill-opacity="0.3" />
</g>
<defs>
<filter
id="filter0_f_539_3635"
x="-33.3496"
y="-639.866"
width="2500.86"
height="2604"
id="filter0_f_539_3625"
x="-431.009"
y="187.37"
width="1813.04"
height="2154.43"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur stdDeviation="254.5" result="effect1_foregroundBlur_539_3635" />
<feGaussianBlur stdDeviation="254.5" result="effect1_foregroundBlur_539_3625" />
</filter>
<filter
id="filter1_f_539_3635"
x="-547"
y="-222"
width="2239.03"
height="2316.87"
id="filter1_f_539_3625"
x="-82.4336"
y="-360.363"
width="1693.66"
height="1983.56"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur stdDeviation="273.5" result="effect1_foregroundBlur_539_3635" />
<feGaussianBlur stdDeviation="254.5" result="effect1_foregroundBlur_539_3625" />
</filter>
<pattern
id="pattern0_539_3635"
id="pattern0_539_3625"
patternContentUnits="objectBoundingBox"
width="0.198413"
height="0.320513"
width="0.196335"
height="0.237342"
>
<use xlink:href="#image0_539_3635" transform="scale(9.92064e-05 0.000160256)" />
<use xlink:href="#image0_539_3625" transform="scale(9.81675e-05 0.000118671)" />
</pattern>
<clipPath id="clip0_539_3635">
<rect class="h-[calc(100vh-112px)] w-full" fill="white" />
<clipPath id="clip0_539_3625">
<rect width="1528" height="1264" fill="white" />
</clipPath>
</defs>
</svg>
"""
end

def course_author_header(assigns) do
~H"""
<svg
width="100%"
height="291"
viewBox="0 0 1310 291"
preserveAspectRatio="none"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<g clip-path="url(#clip0_554_23928)">
<rect width="100%" height="291" class="fill-[#B333CC] opacity-40 dark:opacity-100" />
<g filter="url(#filter0_f_554_23928)">
<ellipse
cx="408.292"
cy="291.135"
rx="341.325"
ry="130.815"
class="fill-[#0062F2] opacity-25 dark:opacity-100"
/>
</g>
<g filter="url(#filter1_f_554_23928)">
<ellipse
cx="656.343"
cy="145.366"
rx="290.075"
ry="111.146"
class="fill-[#B333CC] opacity-40 dark:opacity-100"
/>
</g>
<g style="mix-blend-mode:color-burn" opacity="0.25">
<rect width="100%" height="291" fill="url(#pattern0_554_23928)" />
</g>
</g>
<defs>
<filter
id="filter0_f_554_23928"
x="-442.033"
y="-348.681"
width="1700.65"
height="1279.63"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur stdDeviation="254.5" result="effect1_foregroundBlur_554_23928" />
</filter>
<filter
id="filter1_f_554_23928"
x="-142.732"
y="-474.78"
width="1598.15"
height="1240.29"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur stdDeviation="254.5" result="effect1_foregroundBlur_554_23928" />
</filter>
<pattern
id="pattern0_554_23928"
patternContentUnits="objectBoundingBox"
width="0.228659"
height="1.03093"
>
<use xlink:href="#image0_554_23928" transform="scale(0.000114329 0.000515464)" />
</pattern>
<clipPath id="clip0_554_23928">
<rect width="100%" height="291" fill="white" />
</clipPath>
</defs>
</svg>
Expand Down Expand Up @@ -366,82 +451,4 @@ defmodule OliWeb.Backgrounds do
</svg>
"""
end

def course_author_header(assigns) do
~H"""
<svg
width="100%"
height="291"
viewBox="0 0 1310 291"
preserveAspectRatio="none"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<g clip-path="url(#clip0_554_23928)">
<rect width="100%" height="291" class="fill-[#B333CC] opacity-40 dark:opacity-100" />
<g filter="url(#filter0_f_554_23928)">
<ellipse
cx="408.292"
cy="291.135"
rx="341.325"
ry="130.815"
class="fill-[#0062F2] opacity-25 dark:opacity-100"
/>
</g>
<g filter="url(#filter1_f_554_23928)">
<ellipse
cx="656.343"
cy="145.366"
rx="290.075"
ry="111.146"
class="fill-[#B333CC] opacity-40 dark:opacity-100"
/>
</g>
<g style="mix-blend-mode:color-burn" opacity="0.25">
<rect width="100%" height="291" fill="url(#pattern0_554_23928)" />
</g>
</g>
<defs>
<filter
id="filter0_f_554_23928"
x="-442.033"
y="-348.681"
width="1700.65"
height="1279.63"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur stdDeviation="254.5" result="effect1_foregroundBlur_554_23928" />
</filter>
<filter
id="filter1_f_554_23928"
x="-142.732"
y="-474.78"
width="1598.15"
height="1240.29"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur stdDeviation="254.5" result="effect1_foregroundBlur_554_23928" />
</filter>
<pattern
id="pattern0_554_23928"
patternContentUnits="objectBoundingBox"
width="0.228659"
height="1.03093"
>
<use xlink:href="#image0_554_23928" transform="scale(0.000114329 0.000515464)" />
</pattern>
<clipPath id="clip0_554_23928">
<rect width="100%" height="291" fill="white" />
</clipPath>
</defs>
</svg>
"""
end
end
Loading

0 comments on commit 75c5c99

Please sign in to comment.