From 743d828c1445b44382c852e78804ff3e66c9d0c3 Mon Sep 17 00:00:00 2001 From: Nisarg Shah Date: Sat, 27 Jun 2020 12:18:46 +0530 Subject: [PATCH 1/6] Cards of languages added with responsive css --- site/_css/docs.less | 122 ++++++++++++++++++++++++++++++++++++++++ site/code/index.html.js | 84 ++++++++++++++++++++++++--- site/img/clojure.svg | 50 ++++++++++++++++ site/img/csharp.svg | 10 ++++ site/img/elixir.svg | 1 + site/img/erlang.svg | 61 ++++++++++++++++++++ 6 files changed, 319 insertions(+), 9 deletions(-) create mode 100644 site/img/clojure.svg create mode 100644 site/img/csharp.svg create mode 100644 site/img/elixir.svg create mode 100644 site/img/erlang.svg diff --git a/site/_css/docs.less b/site/_css/docs.less index efdca621a2..d764347f40 100644 --- a/site/_css/docs.less +++ b/site/_css/docs.less @@ -12,6 +12,128 @@ } } +.headerline{ + display: flex; + // padding-right: 5px; + // justify-content: center; +} + +.main-block-blog { + /* background-color: #f0ece2; */ + background-color: #fff; + padding: 10px; + margin: 10px; + margin-bottom: 100px; + justify-content: center; + position: relative; + flex-flow: row; + text-align: center; +} + +.column{ + // padding: 0 10px; + box-sizing: border-box; + border: 3px rgb(44, 38, 38); + justify-content: space-around; + margin-right: 15px; + // width: 800px; + // height: 250px; +} + +.container-bl { + display: flex; + justify-content: center; + /* align-items: center; */ + // padding: 10px; + flex-direction: row; + // max-width: 1000px; + margin-right: 10px; + justify-content: space-around; +} + +.container-bl1 { + display: flex; + justify-content: center; + /* align-items: center; */ + // padding: 10px; + flex-direction: row; + // max-width: 1000px; + margin-right: 10px; + justify-content: space-around; +} + +.codetitle{ + font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 300; + color: #202020; + font-size: 22px; + line-height: 30.8px; +} + +.article { + background: white; + /* background-image: url(../imgs/corona-virus.jpg) ; */ + /* filter: blur(8px); */ + // margin: 0 0 20px; + padding: 5px; + // border-radius: 1.5px; + // border: 0.7px solid black; + // box-shadow: 0 2px 4px #010101; + cursor: pointer; + transition: 0.3s ease; + width: 140px; + height: 160px; +} + +.article:active { + box-shadow: none; + transform-origin: center; + transform: scale(0.98); +} + +.article_category { + display: inline-block; + // background: rgb(235, 150, 206); + /* 47bbc5 */ + padding: 5px 8px; + border: black; + // border-radius: 10px; + margin: 0 0 10px; + color: white; + font-size: 0.75rem; + font-weight: 600; + letter-spacing: 0.075rem; + text-transform: uppercase; + width: 100px; + height: 100px; +} + +.article_excerpt { + color: black; + line-height: 1.5rem; + font-size: 0.875rem; +} + +.article_title { + margin: 0 0 10px; + color: #E10098; + font-family: "Josefin Sans"; + font-size: 1.25rem; + // font-weight: 600; + line-height: 1.75rem; +} + + +@media only screen and (min-width: 320px) and (max-width: 650px) { + .container-bl1 { + flex-direction: column; + width: 100%; + } +} + + + + .inner-content { flex: 1; max-width: 720px; diff --git a/site/code/index.html.js b/site/code/index.html.js index aef07199ab..06cf322ff9 100644 --- a/site/code/index.html.js +++ b/site/code/index.html.js @@ -10,6 +10,8 @@ var React = require('react'); var Site = require('../_core/Site'); var Marked = require('../_core/Marked'); +// import React, { Component } from "react"; + export default ({ page, site }) => @@ -19,12 +21,81 @@ export default ({ page, site }) =>

Code

{` + Many different programming languages support GraphQL. This list contains some of the more popular server-side frameworks, client libraries, services, and other useful stuff. +## Categories +`} + +{/* ### Server Libraries +This page is +### GraphQL Clients +### Tools +### Services +### More Stuff */} + +{` ## Server Libraries In addition to the GraphQL [reference implementations in JavaScript](#javascript), server libraries include: +`} + +
+
+
+ +
+
+ +
+
+ +
+
+ +
+ +
+ +
+ + {/*
+ +
+

Hi

+
+ +
*/} +{/* Hii - [C# / .NET](#c-net) - [Clojure](#clojure) - [Elixir](#elixir) @@ -43,8 +114,9 @@ In addition to the GraphQL [reference implementations in JavaScript](#javascript - [Rust](#rust) - [Scala](#scala) - [Swift](#swift) -- [OCaml / Reason](#ocaml-reason) +- [OCaml / Reason](#ocaml-reason) */} +{` ### C# / .NET #### [graphql-dotnet](https://github.com/graphql-dotnet/graphql-dotnet): GraphQL for .NET @@ -162,6 +234,7 @@ A full implementation of the GraphQL specification that aims to maintain externa - [graph-gophers/graphql-go](https://github.com/graph-gophers/graphql-go): An active implementation of GraphQL in Golang (was https://github.com/neelance/graphql-go). - [99designs/gqlgen](https://github.com/99designs/gqlgen) - Go generate based graphql server library. - [graphql-relay-go](https://github.com/graphql-go/relay): A Go/Golang library to help construct a graphql-go server supporting react-relay. + - [machinebox/graphql](https://github.com/machinebox/graphql): An elegant low-level HTTP client for GraphQL. - [samsarahq/thunder](https://github.com/samsarahq/thunder): A GraphQL implementation with easy schema building, live queries, and batching. - [appointy/jaal](https://github.com/appointy/jaal): Develop spec compliant GraphQL servers in Go. @@ -615,7 +688,6 @@ Executor.execute(schema, query) map println - [Java / Android](#java-android) - [JavaScript](#javascript-1) - [Julia](#julia) -- [Kotlin](#kotlin) - [Swift / Objective-C iOS](#swift-objective-c-ios) - [Python](#python-1) - [R](#r) @@ -641,11 +713,10 @@ Executor.execute(schema, query) map println ### Go - [graphql](https://github.com/shurcooL/graphql#readme): A GraphQL client implementation in Go. - - [machinebox/graphql](https://github.com/machinebox/graphql): An elegant low-level HTTP client for GraphQL. ### Java / Android - - [Apollo Android](https://github.com/apollographql/apollo-android): A strongly-typed, caching GraphQL client for the JVM, Android and Kotlin native. + - [Apollo Android](https://github.com/apollographql/apollo-android): A strongly-typed, caching GraphQL client for Android, written in Java. - [Nodes](https://github.com/americanexpress/nodes): A GraphQL JVM Client designed for constructing queries from standard model definitions. By American Express. @@ -666,10 +737,6 @@ Executor.execute(schema, query) map println - [Diana.jl](https://github.com/codeneomatrix/Diana.jl): A Julia GraphQL server implementation. -### Kotlin - - - [graphql-kotlin](https://github.com/ExpediaGroup/graphql-kotlin/): A set of GraphQL libraries that includes a lightweight, typesafe GraphQL HTTP client. - ### Swift / Objective-C iOS - [Apollo iOS](https://www.apollographql.com/docs/ios/) ([github](https://github.com/apollographql/apollo-ios)): A GraphQL client for iOS that returns results as query-specific Swift types, and integrates with Xcode to show your Swift source and GraphQL side by side, with inline validation errors. @@ -710,7 +777,6 @@ Executor.execute(schema, query) map println - [Elide](https://elide.io): A Java library that can expose a JPA annotated data model as a GraphQL service over any relational database. - [Hasura](https://hasura.io) ([github](https://github.com/hasura)): Hasura connects to your databases & microservices and instantly gives you a production-ready GraphQL API. - [FaunaDB](https://docs.fauna.com/fauna/current/graphql): Create an instant GraphQL backend by importing a gql schema. The database will create relations and indexes for you, so you'll be ready to query in seconds, without writing any database code. Serverless pricing, free to get started. - - [Back4App](https://www.back4app.com/docs/parse-graphql/graphql-getting-started): Back4App is a Backend as a Service Platform that helps you Build and Scale modern applications based on GraphQL. ## More Stuff diff --git a/site/img/clojure.svg b/site/img/clojure.svg new file mode 100644 index 0000000000..152078cc7e --- /dev/null +++ b/site/img/clojure.svg @@ -0,0 +1,50 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + diff --git a/site/img/csharp.svg b/site/img/csharp.svg new file mode 100644 index 0000000000..c023aa9be4 --- /dev/null +++ b/site/img/csharp.svg @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/site/img/elixir.svg b/site/img/elixir.svg new file mode 100644 index 0000000000..63f8541228 --- /dev/null +++ b/site/img/elixir.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/img/erlang.svg b/site/img/erlang.svg new file mode 100644 index 0000000000..e8f2bc5dd3 --- /dev/null +++ b/site/img/erlang.svg @@ -0,0 +1,61 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + From 03478cb13a65f12afc5b55229b1ad80ff3d516ae Mon Sep 17 00:00:00 2001 From: Nisarg Shah Date: Sat, 27 Jun 2020 12:21:34 +0530 Subject: [PATCH 2/6] Categories added --- site/code/index.html.js | 118 +++++++++++++++++++++++++--------------- 1 file changed, 73 insertions(+), 45 deletions(-) diff --git a/site/code/index.html.js b/site/code/index.html.js index 06cf322ff9..546ebd2a85 100644 --- a/site/code/index.html.js +++ b/site/code/index.html.js @@ -27,6 +27,34 @@ Many different programming languages support GraphQL. This list contains some of ## Categories `} +
+
+ +

Server Libraries

+ +
+
+ +

GraphQL Clients

+ +
+
+ +

Tools

+ +
+
+ +

Services

+ +
+
+ +

More Stuff

+ +
+
+ {/* ### Server Libraries This page is ### GraphQL Clients @@ -41,52 +69,52 @@ In addition to the GraphQL [reference implementations in JavaScript](#javascript `} -
-
-
- -
-
- -
-
- -
-
- -
- -
- +
+
+ + + + +
+ +
{/*
From b6d0f2e91a0d353ea41f6a6dae842cd0d48ca2dd Mon Sep 17 00:00:00 2001 From: Nisarg Shah Date: Sat, 27 Jun 2020 12:27:00 +0530 Subject: [PATCH 3/6] New languages card added --- site/code/index.html.js | 48 ++++- site/img/golang.svg | 1 + site/img/groovy.svg | 448 ++++++++++++++++++++++++++++++++++++++++ site/img/java.svg | 1 + site/img/julia.svg | 1 + 5 files changed, 497 insertions(+), 2 deletions(-) create mode 100644 site/img/golang.svg create mode 100644 site/img/groovy.svg create mode 100644 site/img/java.svg create mode 100644 site/img/julia.svg diff --git a/site/code/index.html.js b/site/code/index.html.js index 546ebd2a85..7bb1c625e2 100644 --- a/site/code/index.html.js +++ b/site/code/index.html.js @@ -111,9 +111,53 @@ In addition to the GraphQL [reference implementations in JavaScript](#javascript
- - + +
+ +
+
+
+ +

+ +

+

Go

+ +
+
+
+
+ +

+ +

+

Groovy

+ +
+
+
+
+ +

+ +

+

Java

+ +
+
+
+
+ +

+ +

+

JavaScript

+ +
+
+
+ {/*
diff --git a/site/img/golang.svg b/site/img/golang.svg new file mode 100644 index 0000000000..4d6c5a3e2a --- /dev/null +++ b/site/img/golang.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/img/groovy.svg b/site/img/groovy.svg new file mode 100644 index 0000000000..aa061ef497 --- /dev/null +++ b/site/img/groovy.svg @@ -0,0 +1,448 @@ + +image/svg+xml \ No newline at end of file diff --git a/site/img/java.svg b/site/img/java.svg new file mode 100644 index 0000000000..7dd09cae30 --- /dev/null +++ b/site/img/java.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/img/julia.svg b/site/img/julia.svg new file mode 100644 index 0000000000..73d8f42f3b --- /dev/null +++ b/site/img/julia.svg @@ -0,0 +1 @@ +Asset 2 \ No newline at end of file From cb259d8e6f19408eeb5c77f077a5989a8053df52 Mon Sep 17 00:00:00 2001 From: Nisarg Shah Date: Sat, 27 Jun 2020 12:29:40 +0530 Subject: [PATCH 4/6] Fixed nav bar --- site/_css/graphql.less | 3 +++ 1 file changed, 3 insertions(+) diff --git a/site/_css/graphql.less b/site/_css/graphql.less index dc4cda5ce9..5c6a807f61 100644 --- a/site/_css/graphql.less +++ b/site/_css/graphql.less @@ -123,6 +123,9 @@ header { background: white; box-shadow: inset 0 -1px 0 0px rgba(0, 0, 0, 0.1); z-index: 10; + top: 0px; + width: 100%; + position: sticky; // Home link within nav. .nav-home { From 27a971b7c17ed2edc0d293163328061fa90c255b Mon Sep 17 00:00:00 2001 From: Nisarg Shah Date: Sat, 27 Jun 2020 12:35:20 +0530 Subject: [PATCH 5/6] New cards added --- site/code/index.html.js | 104 ++++++++++++++++++++++++++++++----- site/img/kotlin.svg | 34 ++++++++++++ site/img/node.svg | 1 + site/img/ocaml.svg | 116 ++++++++++++++++++++++++++++++++++++++++ site/img/perl.svg | 23 ++++++++ site/img/php.svg | 96 +++++++++++++++++++++++++++++++++ site/img/python.svg | 113 ++++++++++++++++++++++++++++++++++++++ site/img/r.svg | 14 +++++ 8 files changed, 487 insertions(+), 14 deletions(-) create mode 100644 site/img/kotlin.svg create mode 100644 site/img/node.svg create mode 100644 site/img/ocaml.svg create mode 100644 site/img/perl.svg create mode 100644 site/img/php.svg create mode 100644 site/img/python.svg create mode 100644 site/img/r.svg diff --git a/site/code/index.html.js b/site/code/index.html.js index 7bb1c625e2..925024b11b 100644 --- a/site/code/index.html.js +++ b/site/code/index.html.js @@ -55,13 +55,6 @@ Many different programming languages support GraphQL. This list contains some of
-{/* ### Server Libraries -This page is -### GraphQL Clients -### Tools -### Services -### More Stuff */} - {` ## Server Libraries @@ -157,17 +150,100 @@ In addition to the GraphQL [reference implementations in JavaScript](#javascript - - - {/*
+
-
-

Hi

+ -
*/} -{/* Hii +
+ +
+ + + + +
+ +
+ +{/* - [C# / .NET](#c-net) - [Clojure](#clojure) - [Elixir](#elixir) diff --git a/site/img/kotlin.svg b/site/img/kotlin.svg new file mode 100644 index 0000000000..3480717db7 --- /dev/null +++ b/site/img/kotlin.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/site/img/node.svg b/site/img/node.svg new file mode 100644 index 0000000000..41d044ac6b --- /dev/null +++ b/site/img/node.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/img/ocaml.svg b/site/img/ocaml.svg new file mode 100644 index 0000000000..9aef957928 --- /dev/null +++ b/site/img/ocaml.svg @@ -0,0 +1,116 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/site/img/perl.svg b/site/img/perl.svg new file mode 100644 index 0000000000..1ffee7ef28 --- /dev/null +++ b/site/img/perl.svg @@ -0,0 +1,23 @@ + + + + code + Created with Sketch. + + + + + + + + + + + + + + + $_ + + + \ No newline at end of file diff --git a/site/img/php.svg b/site/img/php.svg new file mode 100644 index 0000000000..e4f137cb4c --- /dev/null +++ b/site/img/php.svg @@ -0,0 +1,96 @@ + + + Official PHP Logo + + + + image/svg+xml + + Official PHP Logo + + + Colin Viebrock + + + + + + + + + + + + Copyright Colin Viebrock 1997 - All rights reserved. + + + 1997 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/site/img/python.svg b/site/img/python.svg new file mode 100644 index 0000000000..366f52f339 --- /dev/null +++ b/site/img/python.svg @@ -0,0 +1,113 @@ + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/site/img/r.svg b/site/img/r.svg new file mode 100644 index 0000000000..78281f78ff --- /dev/null +++ b/site/img/r.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + From 96d487a7af9b8f3fee7f9ef247ca837a91c98331 Mon Sep 17 00:00:00 2001 From: Nisarg Shah Date: Sun, 28 Jun 2020 13:21:19 +0530 Subject: [PATCH 6/6] Added new cards for remaining languages --- site/code/index.html.js | 35 ++ site/img/ruby.svg | 948 ++++++++++++++++++++++++++++++++++++++++ site/img/rust.svg | 18 + site/img/scala.svg | 20 + site/img/swift.svg | 10 + 5 files changed, 1031 insertions(+) create mode 100644 site/img/ruby.svg create mode 100644 site/img/rust.svg create mode 100644 site/img/scala.svg create mode 100644 site/img/swift.svg diff --git a/site/code/index.html.js b/site/code/index.html.js index 925024b11b..6c9e27f0b2 100644 --- a/site/code/index.html.js +++ b/site/code/index.html.js @@ -241,6 +241,41 @@ In addition to the GraphQL [reference implementations in JavaScript](#javascript +
+ +
+ + + +
+ {/* diff --git a/site/img/ruby.svg b/site/img/ruby.svg new file mode 100644 index 0000000000..59cf324fe8 --- /dev/null +++ b/site/img/ruby.svg @@ -0,0 +1,948 @@ + + + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/site/img/rust.svg b/site/img/rust.svg new file mode 100644 index 0000000000..fd5c02e515 --- /dev/null +++ b/site/img/rust.svg @@ -0,0 +1,18 @@ + + \ No newline at end of file diff --git a/site/img/scala.svg b/site/img/scala.svg new file mode 100644 index 0000000000..91acfd11b8 --- /dev/null +++ b/site/img/scala.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/site/img/swift.svg b/site/img/swift.svg new file mode 100644 index 0000000000..69df9cd20a --- /dev/null +++ b/site/img/swift.svg @@ -0,0 +1,10 @@ + + + + + + + + + +