diff --git a/config.yaml b/config.yaml index bf86e579bf..baa61568d5 100644 --- a/config.yaml +++ b/config.yaml @@ -27,20 +27,16 @@ params: # Customizable navbar. For a dropdown, add a "sublinks" list. section2: - title: In a Nutshell + title: KEY FEATURES features: - title: Powerful N-dimensional arrays - icon: cartesian subtitle: Fast, versatile and easy to use text: Fast, versatile and easy to use, the NumPy vectorization, indexing and broadcasting concepts are the de-facto standards of array computing today. - title: Numerical computing tools - icon: chip text: Fundamental package for scientific computing, NumPy offers comprehensive mathematical functions, random number generators, linear algebra routines, Fourier transforms and more. - title: Interoperable - icon: computer text: Works on your choice of computing platform, whether your code fits in memory and runs on a CPU or requires a GPU. NumPy supports a wide range of computing platforms and works well with all major distributed arrays and sparse arrays libraries. - title: Open source - icon: web-programming text: Distributed under a liberal [BSD license](https://github.com/numpy/numpy/blob/master/LICENSE.txt), NumPy is developed and maintained publicly on GitHub by a vibrant, responsive and diverse community. tabs: title: Ecosystem diff --git a/layouts/partials/css.html b/layouts/partials/css.html index 7dcee809dc..fef118d63a 100644 --- a/layouts/partials/css.html +++ b/layouts/partials/css.html @@ -17,6 +17,7 @@ + diff --git a/layouts/partials/section2.html b/layouts/partials/section2.html index 969a845734..04892de027 100644 --- a/layouts/partials/section2.html +++ b/layouts/partials/section2.html @@ -1,34 +1,18 @@ {{- $section2 := .Site.Params.section2 }} {{- $title := index $section2 "title" }} -{{- $subtitle := index $section2 "subtitle" }} {{- $features := index $section2 "features" }} -
-
-
-
-

{{ $title }}

-

{{ $subtitle }}

-
-
- {{- range $features }} -
-
-

- -

-
-
-
-

- {{ .title }} - - {{ .text | markdownify }} -

+
+
+

{{ $title }}

+
+ {{- range $features }} +
+

+

{{ .title }}
+
{{ .text | markdownify }}
+

-
-
- {{- end }} -
+ {{- end }} +
-
diff --git a/static/css/section2.css b/static/css/section2.css new file mode 100644 index 0000000000..f2809094d0 --- /dev/null +++ b/static/css/section2.css @@ -0,0 +1,73 @@ +.section2 { + padding: 30px; + margin: 35px 0 0 0; +} + +.section2-title { + display: flex; + justify-content: center; + font-size: 30px; +} + +.section2-box-container { + display: flex; + flex-wrap: wrap; + justify-content: center; +} + +.section2-box-content { + height: 250px; + width: 30vw; + margin: 30px; + border-radius: 5px; +} + +.section2-box-title { + margin: 15px; + font-size: 19px; +} + +.section2-box-text { + margin: 30px 15px; +} + +@media only screen and (max-width: 900px) { + .section2-box-container { + flex-direction: column; + } + + .section2-box-content { + width: 80vw; + } +} + +.section2-underline { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1); + position: relative; + overflow: hidden; +} + +.section2-underline:before { + content: ""; + position: absolute; + z-index: -1; + left: 0; + right: 100%; + bottom: 0; + background: #013243; + height: 4px; + -webkit-transition-property: right; + transition-property: right; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} + +.section2-underline:hover:before, .section2-underline:focus:before, .section2-underline:active:before { + right: 0; +} \ No newline at end of file diff --git a/static/images/illustrations/icons/cartesian.svg b/static/images/illustrations/icons/cartesian.svg deleted file mode 100644 index 8e10d2218e..0000000000 --- a/static/images/illustrations/icons/cartesian.svg +++ /dev/null @@ -1,63 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/images/illustrations/icons/chip.svg b/static/images/illustrations/icons/chip.svg deleted file mode 100644 index 6d4bbe7896..0000000000 --- a/static/images/illustrations/icons/chip.svg +++ /dev/null @@ -1,136 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/images/illustrations/icons/computer.svg b/static/images/illustrations/icons/computer.svg deleted file mode 100644 index fc4e5b8009..0000000000 --- a/static/images/illustrations/icons/computer.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/static/images/illustrations/icons/web-programming.svg b/static/images/illustrations/icons/web-programming.svg deleted file mode 100644 index eabbe135fc..0000000000 --- a/static/images/illustrations/icons/web-programming.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file