|
|
@ -1,7 +1,7 @@ |
|
|
|
package com.sample |
|
|
|
package com.sample |
|
|
|
|
|
|
|
|
|
|
|
import androidx.compose.runtime.Composable |
|
|
|
import androidx.compose.runtime.Composable |
|
|
|
import kotlinx.browser.window |
|
|
|
import org.jetbrains.compose.web.css.* |
|
|
|
import org.jetbrains.compose.web.dom.* |
|
|
|
import org.jetbrains.compose.web.dom.* |
|
|
|
import org.jetbrains.compose.web.renderComposable |
|
|
|
import org.jetbrains.compose.web.renderComposable |
|
|
|
|
|
|
|
|
|
|
@ -16,38 +16,27 @@ fun Card(title: String, subTitle: String, imgUrl: String) { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@Composable |
|
|
|
fun main() { |
|
|
|
fun App() { |
|
|
|
renderComposable(rootElementId = "root") { |
|
|
|
Card("IDEA", "3 out of every 4 Java developers choose IntelliJ IDEA", "/idea.svg") |
|
|
|
Card( |
|
|
|
Card("PyCharm", "The Python IDE for Professional Developers", "/pycharm.svg") |
|
|
|
"IDEA", |
|
|
|
Card("PHPStorm", "The Lightning-Smart PHP IDE", "/phpstorm.svg") |
|
|
|
"3 out of every 4 Java developers choose IntelliJ IDEA", |
|
|
|
|
|
|
|
"/idea.svg" |
|
|
|
|
|
|
|
) |
|
|
|
|
|
|
|
Card( |
|
|
|
|
|
|
|
"PyCharm", |
|
|
|
|
|
|
|
"The Python IDE for Professional Developers", |
|
|
|
|
|
|
|
"/pycharm.svg" |
|
|
|
|
|
|
|
) |
|
|
|
|
|
|
|
Card( |
|
|
|
|
|
|
|
"PHPStorm", |
|
|
|
|
|
|
|
"The Lightning-Smart PHP IDE", |
|
|
|
|
|
|
|
"/phpstorm.svg" |
|
|
|
|
|
|
|
) |
|
|
|
|
|
|
|
Card("WebStorm", "The smartest JavaScript IDE", "/webstorm.png") |
|
|
|
Card("WebStorm", "The smartest JavaScript IDE", "/webstorm.png") |
|
|
|
Card( |
|
|
|
Card("RubyMine", "The most intelligent Ruby IDE", "/rubymine.svg") |
|
|
|
"RubyMine", |
|
|
|
Card("AppCode", "Smart IDE for iOS/macOS development", "/appcode.svg") |
|
|
|
"The most intelligent Ruby IDE", |
|
|
|
|
|
|
|
"/rubymine.svg" |
|
|
|
|
|
|
|
) |
|
|
|
|
|
|
|
Card( |
|
|
|
|
|
|
|
"AppCode", |
|
|
|
|
|
|
|
"Smart IDE for iOS/macOS development", |
|
|
|
|
|
|
|
"/appcode.svg" |
|
|
|
|
|
|
|
) |
|
|
|
|
|
|
|
Card("GoLand", "Built specially for Go developers", "/goland.png") |
|
|
|
Card("GoLand", "Built specially for Go developers", "/goland.png") |
|
|
|
Card("DataGrip", "Many databases, one tool", "/datagrip.png") |
|
|
|
Card("DataGrip", "Many databases, one tool", "/datagrip.png") |
|
|
|
Card("Datalore", "The online data science notebook", "/datalore.png") |
|
|
|
Card("Datalore", "The online data science notebook", "/datalore.png") |
|
|
|
Card("Clion", "A cross-platform IDE for C and C++", "/clion.png") |
|
|
|
Card("Clion", "A cross-platform IDE for C and C++", "/clion.png") |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
object AppStyleSheet: StyleSheet() { |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
fun main() { |
|
|
|
|
|
|
|
//Style(AppStyleSheet) |
|
|
|
|
|
|
|
renderComposable(rootElementId = "root") { |
|
|
|
|
|
|
|
App() |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|